Video Player grensesnitt med ein prøve­ramme frå Sintel‑traileren.
Video Player grensesnitt med ein prøve­ramme frå Sintel‑traileren.
© copyright Blender Foundation | durian.blender.org · CC BY 3.0
← Alle innebygde rettleiingar

Xodera Plugins · Bubble Native

Xodera Video Player Native

Vis leksjonar, produktdemoar og støtta direktestrøymar i appen din, med avspelingskontrollar, fullskjerm og tilgjengelege språkspor.

Public beta guides · Haptics instructions are in its Bubble listing

Public beta offer: free Bubble install · 7-day card trial, then US$1.50/month per plugin/project.

Dokumentasjon gjennomgått 6 november 2026

Praktiske døme

Kapittel‑lenkjer i ein opplæringsapp

Ein elev må kunna spela av eit steg i ein demonstrasjon utan å navigere til ein ekstern spelar.

`source_url = Current Lesson’s video URL`; `poster_url = Current Lesson’s cover`; kvart kapittel lagrar ein app‑eiga starttid.

Kapittelklikk → om kilden endrast, vent på `source_loaded` → Seek til `position_seconds` → Play. Bruk Set playback rate for ein detaljert demonstrasjon og Enter fullscreen ved førespurnad.

Les `position_seconds`, `duration_seconds` og `is_fullscreen`; arbeidsflyten din lagrar leksjonsframdrift berre for den aktuelle kjelda.

På `player_error`, vis `error_code`, bevar framdrift og tilby Reload video. Ein fullførings‑hending er ikkje bevis på at ein leksjon eller sikkerheitsvurdering er bestått.

Bruk direkte videofiler eller støtta straumar. Denne spelaren eksporterer ikkje videoar.

Videodemonstrasjonar på marknadsplass‑oppføringar

Eit produktbilde aleine kan ikkje forklare korleis ein vare fungerer, men ein video utanfor nettstaden bryt kjøpsflyten.

`source_url = Selected Listing’s demonstration URL`; `poster_url = its thumbnail`; `muted = yes` for ein med vilje stille første førehandsvisning.

Opna den valde oppføringa → bind videoen → Play etter ein brukarhandling. Tilby Set muted for lyd og Enter fullscreen for nærare inspeksjon. Bind `is_active` til den synlege detaljen.

Bruk `has_source`, `is_buffering` og `status` for å skilje mellom manglande video, lasting og klar media.

Ved kilde‑erstatning, stopp å bruke gammal framdrift og sporval. Vis ein miniatyrbilete‑reserve når den valde fila ikkje er støtta.

Bruk direkte videofiler eller støtta straumar. Denne spelaren eksporterer ikkje videoar.

Vel tilgjengelege språkspor i ein støtta straum

Ein fleirspråkleg app må tilby sporene som ein bestemt kjelde faktisk inneheld.

`source_url = Selected Programme’s accepted stream URL`; kjelda sjølv må levere kompatible lyd-/tekstspor.

På `tracks_changed`, les den aktuelle `audio_tracks_json` og `subtitle_tracks_json`; bygg val i appen din og kall Select audio track eller Select subtitle track med den aktuelle indeksen.

Bruk `selected_audio_index`, `selected_subtitle_index` og `source_generation` for å knyte valet til denne kjelda.

Bygg opp vala på nytt etter kvar kjeldeendring. Dersom eit spor manglar eller ikkje er støtta, behold standardsporet og vis tilgjengelegheit ærlig.

Bruk direkte videofiler eller støtta straumar. Denne spelaren eksporterer ikkje videoar.

Kva som fungerer no

Public beta. Use the documented controls and actions; test supported formats, permissions and device behavior in your own native app. Browser preview does not validate native device output.

Bygg arbeidsflyten

Bruk dei tilgjengelege beta‑handlingane nedanfor og test resultatet på einingane du skal bruke.

Desse døma bruker app‑registreringar som Lesson, Message og Order. Byt dei ut med eigne datatypar og elementnamn. Eksempel‑medieadresser må erstattast med eigne filer.

  1. Set source_url = Selected Lesson's video_url og poster_url = Selected Lesson's poster_url. Bruk auto eller progressive for ein MP4; bruk hls for ein HLS‑straum.

  2. Etter playback_ready, bruk Seek for å gjenoppta ved lagra position_seconds. Brukaren startar Play. Set is_active til om leksjonsvisinga er open.

  3. Legg til Play, Pause, Seek, Set playback rate og Enter fullscreen‑kontroller. Vis position_seconds og duration_seconds.

  4. Etter tracks_changed, vis dei tilgjengelege audio_tracks_json‑ og subtitle_tracks_json‑val for denne videoen. Send den valde indeksen til Select audio track eller Select subtitle track. Ved ended-hendinga, lagre framdrift.

Arbeidsflytdiagram — ikkje eit app‑skjermbilde

Konfigurer ein gong

Opprett eller vel ditt Bubble‑app‑prosjekt i BestPlugins → Dashboard → Plugins. Vel Xodera Video Player Native, kopier nøkkelen, og opna deretter Bubble → Plugins → Xodera Video Player Native og lim den inn i licensing_api_key. Lagre ein gong; bruk så handlingane nedanfor. Kvar plugin i kvart prosjekt har sin eigen nøkkel.

Bruk ein direkte video‑ eller straumadresse. Ein YouTube‑ eller Vimeo‑nettsideadresse er ikkje ei direkte videofil. Avspeling treng ingen kamera‑ eller mikrofontilgang.

Konfigurer ein gong
  1. Opprett eller vel ditt Bubble‑app‑prosjekt på BestPlugins → Dashboard → Plugins.
  2. Vel denne plugin‑en og kopier prosjekt­nøkkelen.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Legg til elementet, vel app‑dataa dine og bygg arbeidsflyten nedanfor.
  5. In the dashboard, review and confirm the 7-day card trial for this plugin. It then costs US$1.50/month per app project, including development and production. Cancel before the trial ends to avoid the first charge.
Installasjon og abonnement

For Audio Player, Video Player, Photo Editor, Audio Recorder, Files Kit and Haptics: free Bubble installation, a 7-day trial with a card, then US$1.50 per month per plugin and app project. Development and production are included, with no operation cap. File-size and feature limits still apply. Review billing and cancellation before confirming. Other plugins remain unavailable for purchase.

Lagre resultatet i appen din

Eksempel WatchProgress: owner = Current User, lesson = Selected Lesson, seconds = Video Player's position_seconds, duration = Video Player's duration_seconds. Lagre berre for den valde videoen. Sporindeksar tilhøyrer den videoen og bør ikkje lagrast som permanente språkval.

Feil, avbryt og gjenoppretting

På player_error, vis error_code og tilby Reload video. Den lastar på nytt utan å starte avspeling. Å velje ein annan kjelde tømmer dei gamle sporvalga. Å forlate visinga pausar videoen; brukaren trykkjer Play for å halde fram.

Evner og grenser

Hast: 0.5, 1, 1.5 og 2. Volum: 0–1. Format: auto, progressive, HLS og Android‑berre DASH. Tilgjengelege spor avhenger av fila. Bruk -1 for å slå av eit spor; -2 betyr ukjend og kan ikkje veljast. Ingen redigering, video‑eksport, DRM, bilete‑i‑bilete eller permanent offline‑buffer.

Innstillingar, handlingar og resultat

Bruk desse namna i Bubble. Planlagde funksjonar er merkte separat.

Tilgjengelege beta‑innstillingar

Elementinnstillingar

source_url · textposter_url · textcontent_type · textrate · numbervolume · numbermuted · yes/noloop · yes/nois_active · yes/nodisabled · yes/nonative_controls · yes/noui_text_json · textlanguage · text

Tilstandar

is_playing · yes/nois_buffering · yes/nopending_play · yes/nois_live · yes/nomuted · yes/noloop · yes/nohas_source · yes/nois_fullscreen · yes/noposition_seconds · numberduration_seconds · numbervolume · numberrate · numbersource_generation · numberselected_audio_index · numberselected_subtitle_index · numberstatus · textaudio_tracks_json · textsubtitle_tracks_json · texterror_code · texterror_message · text

Hendingar

source_changedsource_loadedplayback_readyplaying_changedtime_changedendedtracks_changedfullscreen_changedplayer_error

Handlingar og deira innspel

PlayPauseStop and rewindReload videoSeekSet volumeSet mutedSet playback rateEnter fullscreenSelect audio trackSelect subtitle track
Elementinnstillingar · 12
source_urltext · Standard: ""
Dømeverdihttps://bestplugins.online/native-samples/lesson.mp4
Døme Bubble uttrykkSelected Lesson's video_url
Adresse til den valde lyd‑, video‑ eller bildefila. Bruk ein filtype som dette programtillegget støttar.
poster_urltext · Standard: ""
Dømeverdihttps://bestplugins.online/native-samples/poster.jpg
Døme Bubble uttrykkSelected Lesson's poster_url
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
content_typetext · Standard: "auto"
Dømeverdiauto
Døme Bubble uttrykkSelected Lesson's video_content_type
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
ratenumber · Standard: 1
Dømeverdi1.5
Døme Bubble uttrykkSpeed Dropdown's value
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
volumenumber · Standard: 1
Dømeverdi0.8
Døme Bubble uttrykkVolume Slider's value
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
mutedyes/no · Standard: false
Dømeverdino
Døme Bubble uttrykkMute Checkbox is checked
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
loopyes/no · Standard: false
Dømeverdino
Døme Bubble uttrykkSelected Lesson's repeat_enabled
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
is_activeyes/no · Standard: true
Dømeverdiyes
Døme Bubble uttrykkGuideHost's view_is_active (your yes/no custom state)
Set ja medan denne visinga er open. Set nei ved avslutting, slik at avspeling eller pågåande arbeid kan stoppe.
disabledyes/no · Standard: false
Dømeverdino
Døme Bubble uttrykkGuideHost's is_busy (your yes/no custom state)
Deaktiver elementet medan appen din er opptatt eller handlinga er utilgjengeleg.
native_controlsyes/no · Standard: false
Dømeverdino
Døme Bubble uttrykkApp Settings' use_native_video_controls
Vis eller skjul einingens standard videokontroller.
ui_text_jsontext · Standard: "{}"
Dømeverdi{}
Døme Bubble uttrykkApp Settings' player_labels_json (supported keys only)
Valfri JSON med støtta knappetekstar. La stå tomt for å bruke den innebygde teksten.
languagetext · Standard: "auto"
Dømeverdiuk
Døme Bubble uttrykkCurrent User's preferred_language
Set language=auto til å følgje ein støtta eining eller nettlesarspråk. Skriv inn ein støtta språkkode for å velje den eksplisitt.
Handlingar og deira innspel · 11
Play

Ingen handlingsparametrar

Pause

Ingen handlingsparametrar

Stop and rewind

Ingen handlingsparametrar

Reload video

Ingen handlingsparametrar

Seek
position_secondsnumber · Standard: —
Dømeverdi45
Døme Bubble uttrykkSelected Chapter's start_seconds
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Set volume
volumenumber · Standard: —
Dømeverdi0.8
Døme Bubble uttrykkVolume Slider's value
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Set muted
mutedyes/no · Standard: —
Dømeverdino
Døme Bubble uttrykkMute Checkbox is checked
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Set playback rate
ratenumber · Standard: —
Dømeverdi1.5
Døme Bubble uttrykkSpeed Dropdown's value
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Enter fullscreen

Ingen handlingsparametrar

Select audio track
indexnumber · Standard: —
Dømeverdi0
Døme Bubble uttrykkSelected row's current_source_index
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Select subtitle track
indexnumber · Standard: —
Dømeverdi0
Døme Bubble uttrykkSelected row's current_source_index
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Tilstandar og hendingar

Tilstandar

is_playing · yes/no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

is_buffering · yes/no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

pending_play · yes/no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

is_live · yes/no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

muted · yes/no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

loop · yes/no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

has_source · yes/no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

is_fullscreen · yes/no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

position_seconds · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

duration_seconds · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

volume · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

rate · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

source_generation · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

selected_audio_index · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

selected_subtitle_index · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

status · text

Noverande resultat av denne handlinga. Bruk den tilsvarande fullføringshendinga før du lagrar suksess. idle,loading,readyToPlay,error

audio_tracks_json · text

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

subtitle_tracks_json · text

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

error_code · text

Feilinformasjon for den siste handlinga. Vis ein hjelpsam melding og tilby den relevante omstarten.

error_message · text

Feilinformasjon for den siste handlinga. Vis ein hjelpsam melding og tilby den relevante omstarten.

Hendingar

source_changed

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

source_loaded

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

playback_ready

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

playing_changed

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

time_changed

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

ended

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

tracks_changed

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

fullscreen_changed

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

player_error

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

Spørsmål utviklarar stiller

Kan eg eksportere det valde segmentet?

Nei. Seek og fullskjerm endrar avspeling, ikkje videobyter.

Korleis fungerer abonnementet?

For Audio Player, Video Player, Photo Editor, Audio Recorder, Files Kit and Haptics: free Bubble installation, a 7-day trial with a card, then US$1.50 per month per plugin and app project. Development and production are included, with no operation cap. File-size and feature limits still apply. Review billing and cancellation before confirming. Other plugins remain unavailable for purchase.

Relaterte vegvisar

For hjelp, fortel oss kva plugin og eining du bruker, handlinga du prøvde og kva som skjedde. Bruk eit døme utan personopplysningar. Del aldri nøkkelen din eller private filer.