Video Player sučelje s uzorkom kadra iz Sintel trailera.
Video Player sučelje s uzorkom kadra iz Sintel trailera.
© copyright Blender Foundation | durian.blender.org · CC BY 3.0
← Svi izvorni vodiči

Xodera Plugins · Bubble Native

Xodera Video Player Native

Prikažite lekcije, demonstracije proizvoda i podržane live streamove unutar vaše aplikacije, s kontrolama reprodukcije, cijelim zaslonom i dostupnim jezičnim zapisima.

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 studeni 2026

Praktični primjeri

Poveznice poglavlja u aplikaciji za obuku

Polaznik treba ponovno reproducirati jedan korak demonstracije bez preusmjeravanja na vanjski reproduktor.

`source_url = Current Lesson’s video URL`; `poster_url = Current Lesson’s cover`; svako poglavlje pohranjuje početno vrijeme u vlasništvu aplikacije.

Klik na poglavlje → ako se mijenja izvor, čekajte `source_loaded` → Seek do `position_seconds` → Play. Upotrijebite Set playback rate za detaljnu demonstraciju i Enter fullscreen po zahtjevu.

Pročitajte `position_seconds`, `duration_seconds` i `is_fullscreen`; vaš radni tijek pohranjuje napredak lekcije samo za trenutni izvor.

Na `player_error`, prikažite `error_code`, sačuvajte napredak i ponudite Reload video. Događaj završetka nije dokaz da je lekcija ili sigurnosna procjena prošla.

Koristite izravne video datoteke ili podržane streamove. Ovaj reproduktor ne izvozi videozapise.

Video demonstracije na oglasima tržišta

Samo slika proizvoda ne može objasniti kako artikl funkcionira, ali video izvan stranice prekida tok kupnje.

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

Otvorite odabrani oglas → povežite njegov video → Play nakon radnje korisnika. Ponudite Set muted za zvuk i Enter fullscreen za detaljniji pregled. Povežite `is_active` s vidljivim detaljem.

Koristite `has_source`, `is_buffering` i `status` za razlikovanje nedostupnog videa, učitavanja i spremnog medija.

Pri zamjeni izvora, prestanite primjenjivati star napredak i odabire zapisa. Prikažite rezervnu sličicu kada odabrana datoteka nije podržana.

Koristite izravne video datoteke ili podržane streamove. Ovaj reproduktor ne izvozi videozapise.

Odaberite dostupne jezične zapise u podržanom streamu

Višejezična aplikacija mora ponuditi zapise koje određeni izvor stvarno sadrži.

`source_url = Selected Programme’s accepted stream URL`; izvor sam mora osigurati kompatibilne audio/podnaslovne zapise.

Na `tracks_changed`, pročitajte trenutne `audio_tracks_json` i `subtitle_tracks_json`; izradite odabire u aplikaciji i pozovite Select audio track ili Select subtitle track s trenutnim indeksom.

Koristite `selected_audio_index`, `selected_subtitle_index` i `source_generation` za povezivanje odabira s ovim izvorom.

Ponovno izradite odabire nakon svake promjene izvora. Ako zapis nedostaje ili nije podržan, zadržite zadani zapis i iskreno prikažite njegovu dostupnost.

Koristite izravne video datoteke ili podržane streamove. Ovaj reproduktor ne izvozi videozapise.

Što trenutno funkcionira

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.

Izradite radni tok

Koristite dostupne beta radnje ispod i testirajte rezultat na svojim ciljanim uređajima.

Ovi primjeri koriste zapise aplikacije poput Lesson, Message i Order. Zamijenite ih vlastitim tipovima podataka i nazivima elemenata. Primjer adresa medija mora biti zamijenjen vašim vlastitim datotekama.

  1. Postavite source_url = Selected Lesson's video_url i poster_url = Selected Lesson's poster_url. Koristite auto ili progressive za MP4; koristite hls za HLS stream.

  2. Nakon playback_ready, upotrijebite Seek za nastavak na spremljenom position_seconds. Korisnik pokreće Play. Postavite is_active na stanje otvorenosti prikaza lekcije.

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

  4. Nakon tracks_changed, prikažite dostupne audio_tracks_json i subtitle_tracks_json opcije za ovaj video. Proslijedite odabrani indeks Select audio track ili Select subtitle track. Na događaj ended, spremite napredak.

Dijagram radnog toka — nije snimka aplikacije

Postavite jednom

Stvorite ili odaberite svoj Bubble projekt aplikacije u BestPlugins → Dashboard → Plugins. Odaberite Xodera Video Player Native, kopirajte njegov ključ, zatim otvorite Bubble → Plugins → Xodera Video Player Native i zalijepite ga u licensing_api_key. Spremite jednom; zatim koristite radnje ispod. Svaki dodatak u svakom projektu ima svoj ključ.

Koristite izravnu video ili stream adresu. YouTube ili Vimeo web‑adresa nije izravna video datoteka. Reprodukcija ne zahtijeva pristup kameri ili mikrofonu.

Postavite jednom
  1. Stvorite ili odaberite svoj Bubble projekt aplikacije na BestPlugins → Dashboard → Plugins.
  2. Odaberite ovaj dodatak i kopirajte njegov ključ projekta.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Dodajte element, odaberite svoje podatke aplikacije i izradite radni tok ispod.
  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.
Instalacija i pretplata

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.

Spremite rezultat u svoju aplikaciju

Primjer WatchProgress: owner = Current User, lesson = Selected Lesson, seconds = Video Player's position_seconds, duration = Video Player's duration_seconds. Spremite samo za trenutno odabrani video. Indeksi zapisa pripadaju tom videu i ne bi se trebali pohranjivati kao trajni jezični izbori.

Neuspjeh, otkazivanje i oporavak

Na player_error, prikažite error_code i ponudite Reload video. Ponovno se učitava bez pokretanja reprodukcije. Odabir drugog izvora briše stare odabire zapisa. Napuštanje prikaza pauzira video; korisnik pritisne Play za nastavak.

Mogućnosti i ograničenja

Brzine: 0.5, 1, 1.5 i 2. Glasnoća: 0–1. Formati: auto, progressive, HLS i Android‑only DASH. Dostupni zapisi ovise o datoteci. Upotrijebite -1 za isključivanje zapisa; -2 znači nepoznato i ne može se odabrati. Nema uređivanja, video izvoza, DRM‑a, slike‑u‑sliku ili trajnog izvanmrežnog predmemoriranja.

Postavke, radnje i rezultati

Koristite ove nazive u Bubble. Planirane značajke su označene odvojeno.

Dostupna beta podešavanja

Postavke 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

Događaji

source_changedsource_loadedplayback_readyplaying_changedtime_changedendedtracks_changedfullscreen_changedplayer_error

Radnje i njihovi ulazi

PlayPauseStop and rewindReload videoSeekSet volumeSet mutedSet playback rateEnter fullscreenSelect audio trackSelect subtitle track
Postavke elementa · 12
source_urltext · Zadano: ""
Primjer vrijednostihttps://bestplugins.online/native-samples/lesson.mp4
Primjer Bubble izrazaSelected Lesson's video_url
Adresa odabrane audio, video ili slikovne datoteke. Koristite tip datoteke koji ovaj dodatak podržava.
poster_urltext · Zadano: ""
Primjer vrijednostihttps://bestplugins.online/native-samples/poster.jpg
Primjer Bubble izrazaSelected Lesson's poster_url
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
content_typetext · Zadano: "auto"
Primjer vrijednostiauto
Primjer Bubble izrazaSelected Lesson's video_content_type
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
ratenumber · Zadano: 1
Primjer vrijednosti1.5
Primjer Bubble izrazaSpeed Dropdown's value
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
volumenumber · Zadano: 1
Primjer vrijednosti0.8
Primjer Bubble izrazaVolume Slider's value
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
mutedyes/no · Zadano: false
Primjer vrijednostino
Primjer Bubble izrazaMute Checkbox is checked
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
loopyes/no · Zadano: false
Primjer vrijednostino
Primjer Bubble izrazaSelected Lesson's repeat_enabled
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
is_activeyes/no · Zadano: true
Primjer vrijednostiyes
Primjer Bubble izrazaGuideHost's view_is_active (your yes/no custom state)
Postavite da je da dok je ovaj prikaz otvoren. Postavite da je ne kada napuštate, kako bi se reprodukcija ili trenutni rad mogli zaustaviti.
disabledyes/no · Zadano: false
Primjer vrijednostino
Primjer Bubble izrazaGuideHost's is_busy (your yes/no custom state)
Onemogućite element dok je vaša aplikacija zauzeta ili je ova radnja nedostupna.
native_controlsyes/no · Zadano: false
Primjer vrijednostino
Primjer Bubble izrazaApp Settings' use_native_video_controls
Prikažite ili sakrijte standardne video kontrole uređaja.
ui_text_jsontext · Zadano: "{}"
Primjer vrijednosti{}
Primjer Bubble izrazaApp Settings' player_labels_json (supported keys only)
Opcionalni JSON s podržanim oznakama gumba. Ostavite prazno za korištenje ugrađenog teksta.
languagetext · Zadano: "auto"
Primjer vrijednostiuk
Primjer Bubble izrazaCurrent User's preferred_language
Postavite language=auto da prati podržani uređaj ili jezik preglednika. Unesite podržani kod jezika za izričitu odabir.
Radnje i njihovi ulazi · 11
Play

Nema parametara radnje

Pause

Nema parametara radnje

Stop and rewind

Nema parametara radnje

Reload video

Nema parametara radnje

Seek
position_secondsnumber · Zadano: —
Primjer vrijednosti45
Primjer Bubble izrazaSelected Chapter's start_seconds
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Set volume
volumenumber · Zadano: —
Primjer vrijednosti0.8
Primjer Bubble izrazaVolume Slider's value
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Set muted
mutedyes/no · Zadano: —
Primjer vrijednostino
Primjer Bubble izrazaMute Checkbox is checked
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Set playback rate
ratenumber · Zadano: —
Primjer vrijednosti1.5
Primjer Bubble izrazaSpeed Dropdown's value
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Enter fullscreen

Nema parametara radnje

Select audio track
indexnumber · Zadano: —
Primjer vrijednosti0
Primjer Bubble izrazaSelected row's current_source_index
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Select subtitle track
indexnumber · Zadano: —
Primjer vrijednosti0
Primjer Bubble izrazaSelected row's current_source_index
Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Stanja i događaji

Stanja

is_playing · yes/no

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

is_buffering · yes/no

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

pending_play · yes/no

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

is_live · yes/no

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

muted · yes/no

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

loop · yes/no

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

has_source · yes/no

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

is_fullscreen · yes/no

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

position_seconds · number

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

duration_seconds · number

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

volume · number

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

rate · number

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

source_generation · number

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

selected_audio_index · number

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

selected_subtitle_index · number

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

status · text

Trenutni rezultat ove radnje. Upotrijebite odgovarajući događaj dovršetka prije spremanja uspjeha. idle,loading,readyToPlay,error

audio_tracks_json · text

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

subtitle_tracks_json · text

Trenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.

error_code · text

Informacije o pogrešci za posljednju radnju. Prikažite korisnu poruku i ponudite odgovarajući pokušaj ponovo.

error_message · text

Informacije o pogrešci za posljednju radnju. Prikažite korisnu poruku i ponudite odgovarajući pokušaj ponovo.

Događaji

source_changed

Kada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.

source_loaded

Kada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.

playback_ready

Kada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.

playing_changed

Kada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.

time_changed

Kada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.

ended

Kada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.

tracks_changed

Kada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.

fullscreen_changed

Kada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.

player_error

Kada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.

Pitanja koja programeri postavljaju

Mogu li izvesti odabrani segment?

Ne. Seek i cijeli zaslon mijenjaju reprodukciju, ne video bajtove.

Kako funkcionira pretplata?

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 priručnici

Za pomoć, recite nam koji dodatak i uređaj koristite, koju radnju ste pokušali i što se dogodilo. Koristite primjer bez osobnih podataka. Nikada ne dijelite svoj ključ ili privatne datoteke.