
© copyright Blender Foundation | durian.blender.org · CC BY 3.0
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.
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.
Nakon playback_ready, upotrijebite Seek za nastavak na spremljenom position_seconds. Korisnik pokreće Play. Postavite is_active na stanje otvorenosti prikaza lekcije.
Dodajte kontrole Play, Pause, Seek, Set playback rate i Enter fullscreen. Prikažite position_seconds i duration_seconds.
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.
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
- Stvorite ili odaberite svoj Bubble projekt aplikacije na BestPlugins → Dashboard → Plugins.
- Odaberite ovaj dodatak i kopirajte njegov ključ projekta.
- Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
- Dodajte element, odaberite svoje podatke aplikacije i izradite radni tok ispod.
- 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 · textStanja
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 · textDogađaji
source_changedsource_loadedplayback_readyplaying_changedtime_changedendedtracks_changedfullscreen_changedplayer_errorRadnje i njihovi ulazi
PlayPauseStop and rewindReload videoSeekSet volumeSet mutedSet playback rateEnter fullscreenSelect audio trackSelect subtitle trackPostavke elementa · 12
source_urltext · Zadano: ""- Primjer vrijednosti
https://bestplugins.online/native-samples/lesson.mp4 - Primjer Bubble izraza
Selected Lesson's video_url - Adresa odabrane audio, video ili slikovne datoteke. Koristite tip datoteke koji ovaj dodatak podržava.
poster_urltext · Zadano: ""- Primjer vrijednosti
https://bestplugins.online/native-samples/poster.jpg - Primjer Bubble izraza
Selected Lesson's poster_url - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
content_typetext · Zadano: "auto"- Primjer vrijednosti
auto - Primjer Bubble izraza
Selected Lesson's video_content_type - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
ratenumber · Zadano: 1- Primjer vrijednosti
1.5 - Primjer Bubble izraza
Speed Dropdown's value - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
volumenumber · Zadano: 1- Primjer vrijednosti
0.8 - Primjer Bubble izraza
Volume Slider's value - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
mutedyes/no · Zadano: false- Primjer vrijednosti
no - Primjer Bubble izraza
Mute Checkbox is checked - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
loopyes/no · Zadano: false- Primjer vrijednosti
no - Primjer Bubble izraza
Selected Lesson's repeat_enabled - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
is_activeyes/no · Zadano: true- Primjer vrijednosti
yes - Primjer Bubble izraza
GuideHost'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 vrijednosti
no - Primjer Bubble izraza
GuideHost'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 vrijednosti
no - Primjer Bubble izraza
App Settings' use_native_video_controls - Prikažite ili sakrijte standardne video kontrole uređaja.
ui_text_jsontext · Zadano: "{}"- Primjer vrijednosti
{} - Primjer Bubble izraza
App 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 vrijednosti
uk - Primjer Bubble izraza
Current 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 vrijednosti
45 - Primjer Bubble izraza
Selected Chapter's start_seconds - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Set volume
volumenumber · Zadano: —- Primjer vrijednosti
0.8 - Primjer Bubble izraza
Volume Slider's value - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Set muted
mutedyes/no · Zadano: —- Primjer vrijednosti
no - Primjer Bubble izraza
Mute Checkbox is checked - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Set playback rate
ratenumber · Zadano: —- Primjer vrijednosti
1.5 - Primjer Bubble izraza
Speed 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 vrijednosti
0 - Primjer Bubble izraza
Selected row's current_source_index - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Select subtitle track
indexnumber · Zadano: —- Primjer vrijednosti
0 - Primjer Bubble izraza
Selected row's current_source_index - Koristite vrijednost trenutnog poslovnog zapisa; provjerite je li unutar donjih granica.
Stanja i događaji
Stanja
is_playing · yes/noTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
is_buffering · yes/noTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
pending_play · yes/noTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
is_live · yes/noTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
muted · yes/noTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
loop · yes/noTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
has_source · yes/noTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
is_fullscreen · yes/noTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
position_seconds · numberTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
duration_seconds · numberTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
volume · numberTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
rate · numberTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
source_generation · numberTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
selected_audio_index · numberTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
selected_subtitle_index · numberTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
status · textTrenutni rezultat ove radnje. Upotrijebite odgovarajući događaj dovršetka prije spremanja uspjeha. idle,loading,readyToPlay,error
audio_tracks_json · textTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
subtitle_tracks_json · textTrenutna vrijednost odabranog stavka. Pročitajte je nakon povezanog događaja.
error_code · textInformacije o pogrešci za posljednju radnju. Prikažite korisnu poruku i ponudite odgovarajući pokušaj ponovo.
error_message · textInformacije o pogrešci za posljednju radnju. Prikažite korisnu poruku i ponudite odgovarajući pokušaj ponovo.
Događaji
source_changedKada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.
source_loadedKada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.
playback_readyKada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.
playing_changedKada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.
time_changedKada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.
endedKada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.
tracks_changedKada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.
fullscreen_changedKada se ovaj događaj dogodi, pročitajte povezane stanje iz istog elementa.
player_errorKada 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.