Video Player vmesnik s primernim okvirjem iz napovednika Sintel.
Video Player vmesnik s primernim okvirjem iz napovednika Sintel.
© copyright Blender Foundation | durian.blender.org · CC BY 3.0
← Vsi izvorni vodiči

Xodera Plugins · Bubble Native

Xodera Video Player Native

Prikažite lekcije, predstavitve izdelkov in podprte prenose v živo znotraj vaše aplikacije, s kontrolami predvajanja, celozaslonskim načinom in razpoložljivimi jezikovnimi sledmi.

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.

Dokumentacija pregledana 6 november 2026

Praktični primeri

Povezave poglavij v učni aplikaciji

Učenec mora ponoviti en korak demonstracije, ne da bi prešel na zunanji predvajalnik.

`source_url = Current Lesson’s video URL`; `poster_url = Current Lesson’s cover`; vsako poglavje shranjuje začetni čas, ki ga upravlja aplikacija.

Klik na poglavje → če se spreminja vir, počakaj na `source_loaded` → Seek do `position_seconds` → Play. Uporabi Set playback rate za podrobno demonstracijo in Enter fullscreen po zahtevi.

Preberi `position_seconds`, `duration_seconds` in `is_fullscreen`; tvoj delovni tok shranjuje napredek lekcije le za trenutni vir.

Ob `player_error` prikaži `error_code`, ohrani napredek in ponudi Reload video. Dogodek zaključka ni dokaz, da je bila lekcija ali varnostna ocena opravljena.

Uporabi neposredne video datoteke ali podprte pretoke. Ta predvajalnik ne izvaža videov.

Video demonstracije na seznamih tržnice

Sama slika izdelka ne more razložiti, kako izdelek deluje, vendar video izven strani prekine potek nakupa.

`source_url = Selected Listing’s demonstration URL`; `poster_url = its thumbnail`; `muted = yes` za namerno tiho prvo predogled.

Odpri izbrani seznam → poveži njegov video → Play po uporabniškem dejanju. Ponudi Set muted za zvok in Enter fullscreen za podrobnejši pregled. Poveži `is_active` z vidnim podrobnostim.

Uporabi `has_source`, `is_buffering` in `status` za razlikovanje med odsotnim videom, nalaganjem in pripravnim medijem.

Ob zamenjavi vira prenehaj uporabljati star napredek in izbire sledi. Prikaži nadomestno sličico, ko izbrana datoteka ni podprta.

Uporabi neposredne video datoteke ali podprte pretoke. Ta predvajalnik ne izvaža videov.

Izberite razpoložljive jezikovne steze v podprtem pretoku

Večjezična aplikacija mora ponuditi steze, ki jih dejansko vsebuje določen vir.

`source_url = Selected Programme’s accepted stream URL`; vir sam mora zagotoviti združljive zvočne/podnaslovne steze.

Na `tracks_changed` preberite trenutni `audio_tracks_json` in `subtitle_tracks_json`; ustvarite izbire v aplikaciji in pokličite Select audio track ali Select subtitle track s trenutnim indeksom.

Uporabite `selected_audio_index`, `selected_subtitle_index` in `source_generation` za povezavo izbire s tem virom.

Ponovno ustvarite izbire po vsaki spremembi vira. Če steza manjka ali ni podprta, obdržite privzeto stezo in pošteno prikažite njeno razpoložljivost.

Uporabi neposredne video datoteke ali podprte pretoke. Ta predvajalnik ne izvaža videov.

Kaj deluje zdaj

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.

Ustvarite delovni tok

Uporabite spodnje razpoložljive beta akcije in preizkusite rezultat na svojih ciljnih napravah.

Ti primeri uporabljajo zapise aplikacije, kot so Lesson, Message in Order. Zamenjajte jih s svojimi vrstami podatkov in imeni elementov. Primeri naslovov medijev je treba zamenjati s svojimi datotekami.

  1. Nastavi source_url = Selected Lesson's video_url in poster_url = Selected Lesson's poster_url. Uporabi auto ali progressive za MP4; uporabi hls za HLS pretok.

  2. Po playback_ready uporabi Seek za nadaljevanje na shranjenem position_seconds. Uporabnik zažene Play. Nastavi is_active glede na to, ali je pogled lekcije odprt.

  3. Dodaj kontrole Play, Pause, Seek, Set playback rate in Enter fullscreen. Prikaži position_seconds in duration_seconds.

  4. Po tracks_changed prikaži razpoložljive možnosti audio_tracks_json in subtitle_tracks_json za ta video. Izbrani indeks posreduj Select audio track ali Select subtitle track. Ob dogodku ended shrani napredek.

Diagram delovnega toka — ne posnetek zaslona aplikacije

Nastavite enkrat

Ustvarite ali izberite svoj projekt aplikacije Bubble v BestPlugins → Dashboard → Plugins. Izberite Xodera Video Player Native, kopirajte njegov ključ, nato odprite Bubble → Plugins → Xodera Video Player Native in ga prilepite v licensing_api_key. Shranite enkrat; nato uporabite spodnje akcije. Vsak vtičnik v vsakem projektu ima svoj ključ.

Uporabite neposreden video ali pretok naslov. YouTube ali Vimeo spletni naslov ni neposredna video datoteka. Predvajanje ne zahteva dostopa do kamere ali mikrofona.

Nastavite enkrat
  1. Ustvarite ali izberite svoj projekt aplikacije Bubble pri BestPlugins → Dashboard → Plugins.
  2. Izberite ta vtičnik in kopirajte njegov ključ projekta.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Dodajte element, izberite svoje podatke aplikacije in sestavite spodnji potek dela.
  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.
Namestitev in naročnina

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.

Shrani rezultat v vašo aplikacijo

Primer WatchProgress: owner = Current User, lesson = Selected Lesson, seconds = Video Player's position_seconds, duration = Video Player's duration_seconds. Shranite le za trenutno izbran video. Indeksi sledi pripadajo temu videu in jih ne smete shranjevati kot trajne jezikovne izbire.

Napaka, preklic in obnovitev

Ob player_error prikaži error_code in ponudi Reload video. Ponovno se naloži brez začetka predvajanja. Izbira drugega vira počisti stare izbire sledi. Zapustitev pogleda ustavi video; uporabnik pritisne Play za nadaljevanje.

Zmožnosti in omejitve

Hitrosti: 0.5, 1, 1.5 in 2. Glasnost: 0–1. Formati: auto, progressive, HLS in samo Android‑DASH. Razpoložljive sledi so odvisne od datoteke. Uporabite -1 za izklop sledi; -2 pomeni neznano in ni mogoče izbrati. Brez urejanja, izvoza videa, DRM, slike‑v‑sliki ali trajnega predpomnilnika za uporabo brez povezave.

Nastavitve, dejanja in rezultati

Uporabite ta imena v Bubble. Načrtovane funkcije so označene ločeno.

Razpoložljive beta nastavitve

Nastavitve elementa

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

Stanja

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

Dogodki

source_changedsource_loadedplayback_readyplaying_changedtime_changedendedtracks_changedfullscreen_changedplayer_error

Dejanja in njihovi vnosi

PlayPauseStop and rewindReload videoSeekSet volumeSet mutedSet playback rateEnter fullscreenSelect audio trackSelect subtitle track
Nastavitve elementa · 12
source_urltext · Privzeto: ""
Primer vrednostihttps://bestplugins.online/native-samples/lesson.mp4
Primer Bubble izrazaSelected Lesson's video_url
Naslov izbrane zvočne, video ali slikovne datoteke. Uporabite vrsto datoteke, ki jo ta vtičnik podpira.
poster_urltext · Privzeto: ""
Primer vrednostihttps://bestplugins.online/native-samples/poster.jpg
Primer Bubble izrazaSelected Lesson's poster_url
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
content_typetext · Privzeto: "auto"
Primer vrednostiauto
Primer Bubble izrazaSelected Lesson's video_content_type
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
ratenumber · Privzeto: 1
Primer vrednosti1.5
Primer Bubble izrazaSpeed Dropdown's value
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
volumenumber · Privzeto: 1
Primer vrednosti0.8
Primer Bubble izrazaVolume Slider's value
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
mutedyes/no · Privzeto: false
Primer vrednostino
Primer Bubble izrazaMute Checkbox is checked
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
loopyes/no · Privzeto: false
Primer vrednostino
Primer Bubble izrazaSelected Lesson's repeat_enabled
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
is_activeyes/no · Privzeto: true
Primer vrednostiyes
Primer Bubble izrazaGuideHost's view_is_active (your yes/no custom state)
Nastavi da, ko je ta pogled odprt. Nastavi ne, ko zapuščate, da se predvajanje ali trenutno delo lahko ustavi.
disabledyes/no · Privzeto: false
Primer vrednostino
Primer Bubble izrazaGuideHost's is_busy (your yes/no custom state)
Onemogoči element, ko je vaša aplikacija zasedena ali ko je to dejanje nedostopno.
native_controlsyes/no · Privzeto: false
Primer vrednostino
Primer Bubble izrazaApp Settings' use_native_video_controls
Prikaži ali skrij standardne video kontrole naprave.
ui_text_jsontext · Privzeto: "{}"
Primer vrednosti{}
Primer Bubble izrazaApp Settings' player_labels_json (supported keys only)
Izbirni JSON s podprtimi oznakami gumbov. Pustite prazno za uporabo vgrajenega besedila.
languagetext · Privzeto: "auto"
Primer vrednostiuk
Primer Bubble izrazaCurrent User's preferred_language
Nastavite language=auto, da sledi podprti napravi ali jeziku brskalnika. Vnesite podprto kodo jezika, da ga izberete izrecno.
Dejanja in njihovi vnosi · 11
Play

Ni parametrov dejanja

Pause

Ni parametrov dejanja

Stop and rewind

Ni parametrov dejanja

Reload video

Ni parametrov dejanja

Seek
position_secondsnumber · Privzeto: —
Primer vrednosti45
Primer Bubble izrazaSelected Chapter's start_seconds
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
Set volume
volumenumber · Privzeto: —
Primer vrednosti0.8
Primer Bubble izrazaVolume Slider's value
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
Set muted
mutedyes/no · Privzeto: —
Primer vrednostino
Primer Bubble izrazaMute Checkbox is checked
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
Set playback rate
ratenumber · Privzeto: —
Primer vrednosti1.5
Primer Bubble izrazaSpeed Dropdown's value
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
Enter fullscreen

Ni parametrov dejanja

Select audio track
indexnumber · Privzeto: —
Primer vrednosti0
Primer Bubble izrazaSelected row's current_source_index
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
Select subtitle track
indexnumber · Privzeto: —
Primer vrednosti0
Primer Bubble izrazaSelected row's current_source_index
Uporabi vrednost trenutnega poslovnega zapisa; preveri jo glede na spodnje omejitve.
Stanja in dogodki

Stanja

is_playing · yes/no

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

is_buffering · yes/no

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

pending_play · yes/no

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

is_live · yes/no

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

muted · yes/no

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

loop · yes/no

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

has_source · yes/no

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

is_fullscreen · yes/no

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

position_seconds · number

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

duration_seconds · number

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

volume · number

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

rate · number

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

source_generation · number

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

selected_audio_index · number

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

selected_subtitle_index · number

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

status · text

Trenutni rezultat tega dejanja. Uporabite ustrezen dogodek dokončanja pred shranjevanjem uspeha. idle,loading,readyToPlay,error

audio_tracks_json · text

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

subtitle_tracks_json · text

Trenutna vrednost za izbrani element. Preberite jo po povezanem dogodku.

error_code · text

Podatki o napaki za zadnje dejanje. Prikažite koristno sporočilo in ponudite ustrezen ponovni poskus.

error_message · text

Podatki o napaki za zadnje dejanje. Prikažite koristno sporočilo in ponudite ustrezen ponovni poskus.

Dogodki

source_changed

Ko se ta dogodek zgodi, preberite povezane stanje iz istega elementa.

source_loaded

Ko se ta dogodek zgodi, preberite povezane stanje iz istega elementa.

playback_ready

Ko se ta dogodek zgodi, preberite povezane stanje iz istega elementa.

playing_changed

Ko se ta dogodek zgodi, preberite povezane stanje iz istega elementa.

time_changed

Ko se ta dogodek zgodi, preberite povezane stanje iz istega elementa.

ended

Ko se ta dogodek zgodi, preberite povezane stanje iz istega elementa.

tracks_changed

Ko se ta dogodek zgodi, preberite povezane stanje iz istega elementa.

fullscreen_changed

Ko se ta dogodek zgodi, preberite povezane stanje iz istega elementa.

player_error

Ko se ta dogodek zgodi, preberite povezane stanje iz istega elementa.

Vprašanja, ki jih postavljajo razvijalci

Ali lahko izvozim izbrani segment?

Ne. Seek in celozaslon spreminjata predvajanje, ne video bajtov.

Kako deluje naročnina?

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.

Povezani vodniki

Za pomoč nam povejte, kateri vtičnik in napravo uporabljate, kakšno dejanje ste poskusili in kaj se je zgodilo. Uporabite primer brez osebnih podatkov. Nikoli ne delite svojega ključa ali zasebnih datotek.