Rozhranie Video Player so vzorovým snímkom z ukážky Sintel.
Rozhranie Video Player so vzorovým snímkom z ukážky Sintel.
© copyright Blender Foundation | durian.blender.org · CC BY 3.0
← Všetci nativní sprievodcovia

Xodera Plugins · Bubble Native

Xodera Video Player Native

Zobrazte lekcie, ukážky produktov a podporované živé prúdy vo vašej aplikácii, s ovládacími prvkami prehrávania, na celú obrazovku a dostupnými jazykovými stopami.

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.

Dokumentácia skontrolovaná 6 november 2026

Praktické príklady

Odkazy na kapitoly v školiacej aplikácii

Študent potrebuje prehrať jeden krok ukážky bez prechodu na externý prehrávač.

`source_url = Current Lesson’s video URL`; `poster_url = Current Lesson’s cover`; každá kapitola ukladá čas začiatku vlastnený aplikáciou.

Kliknutie na kapitolu → ak sa mení zdroj, počkajte na `source_loaded` → Seek do `position_seconds` → Play. Použite Set playback rate pre podrobnú ukážku a Enter fullscreen na požiadanie.

Prečítajte `position_seconds`, `duration_seconds` a `is_fullscreen`; váš pracovný postup ukladá postup lekcie iba pre aktuálny zdroj.

Pri `player_error` zobrazte `error_code`, zachovajte postup a ponúknite Reload video. Udalosť dokončenia nie je dôkazom, že bola lekcia alebo bezpečnostné hodnotenie absolvované.

Používajte priame video súbory alebo podporované streamy. Tento prehrávač neexportuje videá.

Video ukážky v zoznamoch na trhu

Obrázok produktu sám nedokáže vysvetliť, ako položka funguje, ale video mimo stránky narúša nákupný proces.

`source_url = Selected Listing’s demonstration URL`; `poster_url = its thumbnail`; `muted = yes` pre úmyselne tichý prvý náhľad.

Otvorte vybraný zoznam → pripojte jeho video → Play po akcii používateľa. Ponúknite Set muted pre zvuk a Enter fullscreen pre podrobnejší pohľad. Pripojte `is_active` k viditeľnému detailu.

Použite `has_source`, `is_buffering` a `status` na rozlíšenie chýbajúceho videa, načítania a pripraveného média.

Pri výmene zdroja prestaňte aplikovať starý postup a výber stôp. Zobrazte náhradný miniaturu, keď je vybraný súbor nepodporovaný.

Používajte priame video súbory alebo podporované streamy. Tento prehrávač neexportuje videá.

Vyberte dostupné jazykové stopy v podporovanom prúde

Viacjazyčná aplikácia musí ponúkať stopy, ktoré konkrétny zdroj skutočne obsahuje.

`source_url = Selected Programme’s accepted stream URL`; zdroj sám musí poskytovať kompatibilné audio/titulkové stopy.

Na `tracks_changed` prečítajte aktuálne `audio_tracks_json` a `subtitle_tracks_json`; vytvorte vo svojej aplikácii možnosti a zavolajte Select audio track alebo Select subtitle track s aktuálnym indexom.

Použite `selected_audio_index`, `selected_subtitle_index` a `source_generation` na priradenie voľby k tomuto zdroju.

Znovu zostavte možnosti po každej zmene zdroja. Ak je stopa neprítomná alebo nepodporovaná, ponechajte predvolenú stopu a úprimne zobrazte jej dostupnosť.

Používajte priame video súbory alebo podporované streamy. Tento prehrávač neexportuje videá.

Čo funguje teraz

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.

Vytvorte pracovný postup

Použite dostupné beta akcie nižšie a otestujte výsledok na svojich cieľových zariadeniach.

Tieto príklady používajú záznamy aplikácie, ako sú Lesson, Message a Order. Nahraďte ich vlastnými typmi údajov a názvami prvkov. Príkladové mediálne adresy musia byť nahradené vašimi vlastnými súbormi.

  1. Nastavte source_url = Selected Lesson's video_url a poster_url = Selected Lesson's poster_url. Použite auto alebo progressive pre MP4; použite hls pre HLS stream.

  2. Po playback_ready použite Seek na pokračovanie na uloženom position_seconds. Používateľ spustí Play. Nastavte is_active podľa toho, či je zobrazenie lekcie otvorené.

  3. Pridajte ovládacie prvky Play, Pause, Seek, Set playback rate a Enter fullscreen. Zobrazte position_seconds a duration_seconds.

  4. Po tracks_changed zobrazte dostupné možnosti audio_tracks_json a subtitle_tracks_json pre toto video. Odovzdajte vybraný index do Select audio track alebo Select subtitle track. Pri udalosti ended uložte postup.

Diagram pracovného postupu — nie je to snímka aplikácie

Nastavte raz

Vytvorte alebo vyberte svoj Bubble projekt v BestPlugins → Dashboard → Plugins. Vyberte Xodera Video Player Native, skopírujte jeho kľúč a potom otvorte Bubble → Plugins → Xodera Video Player Native a vložte ho do licensing_api_key. Uložte raz; potom použite akcie nižšie. Každý plugin v každom projekte má svoj vlastný kľúč.

Použite priamu video alebo streamovú adresu. YouTube alebo adresa webovej stránky Vimeo nie je priamy video súbor. Prehrávanie nevyžaduje prístup ku kamere ani mikrofónu.

Nastavte raz
  1. Vytvorte alebo vyberte svoj Bubble projekt na BestPlugins → Dashboard → Plugins.
  2. Vyberte tento plugin a skopírujte jeho projektový kľúč.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Pridajte element, vyberte svoje údaje aplikácie a zostavte pracovný postup nižšie.
  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.
Inštalácia a predplatné

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.

Uložte výsledok do svojej aplikácie

Príklad WatchProgress: owner = Current User, lesson = Selected Lesson, seconds = Video Player's position_seconds, duration = Video Player's duration_seconds. Uložte len pre aktuálne vybrané video. Indexy stôp patria k tomuto videu a nemali by sa ukladať ako trvalé jazykové voľby.

Zlyhanie, zrušenie a obnovenie

Na player_error zobrazte error_code a ponúknite Reload video. Obnoví sa bez spustenia prehrávania. Výber iného zdroja vymaže staré voľby stôp. Opustenie pohľadu pozastaví video; používateľ stlačí Play pre pokračovanie.

Možnosti a limity

Rýchlosti: 0.5, 1, 1.5 a 2. Hlasitosť: 0–1. Formáty: auto, progressive, HLS a Android‑len DASH. Dostupné stopy závisia od súboru. Použite -1 na vypnutie stopy; -2 znamená neznáme a nie je možné ho vybrať. Žiadna úprava, export videa, DRM, obraz v obraze ani trvalá offline cache.

Nastavenia, akcie a výsledky

Použite tieto názvy v Bubble. Plánované funkcie sú označené samostatne.

Dostupné beta nastavenia

Nastavenia prvku

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

Stavy

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

Udalosti

source_changedsource_loadedplayback_readyplaying_changedtime_changedendedtracks_changedfullscreen_changedplayer_error

Akcie a ich vstupy

PlayPauseStop and rewindReload videoSeekSet volumeSet mutedSet playback rateEnter fullscreenSelect audio trackSelect subtitle track
Nastavenia prvku · 12
source_urltext · Predvolené: ""
Ukážková hodnotahttps://bestplugins.online/native-samples/lesson.mp4
Príklad Bubble výrazSelected Lesson's video_url
Adresa vybraného audio, video alebo obrazového súboru. Použite typ súboru, ktorý tento plugin podporuje.
poster_urltext · Predvolené: ""
Ukážková hodnotahttps://bestplugins.online/native-samples/poster.jpg
Príklad Bubble výrazSelected Lesson's poster_url
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
content_typetext · Predvolené: "auto"
Ukážková hodnotaauto
Príklad Bubble výrazSelected Lesson's video_content_type
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
ratenumber · Predvolené: 1
Ukážková hodnota1.5
Príklad Bubble výrazSpeed Dropdown's value
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
volumenumber · Predvolené: 1
Ukážková hodnota0.8
Príklad Bubble výrazVolume Slider's value
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
mutedyes/no · Predvolené: false
Ukážková hodnotano
Príklad Bubble výrazMute Checkbox is checked
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
loopyes/no · Predvolené: false
Ukážková hodnotano
Príklad Bubble výrazSelected Lesson's repeat_enabled
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
is_activeyes/no · Predvolené: true
Ukážková hodnotayes
Príklad Bubble výrazGuideHost's view_is_active (your yes/no custom state)
Nastavte áno, kým je tento pohľad otvorený. Nastavte nie pri odchode, aby sa prehrávanie alebo aktuálna práca mohla zastaviť.
disabledyes/no · Predvolené: false
Ukážková hodnotano
Príklad Bubble výrazGuideHost's is_busy (your yes/no custom state)
Zakážte prvok, keď je vaša aplikácia zaneprázdnená alebo je táto akcia nedostupná.
native_controlsyes/no · Predvolené: false
Ukážková hodnotano
Príklad Bubble výrazApp Settings' use_native_video_controls
Zobraziť alebo skryť štandardné video ovládacie prvky zariadenia.
ui_text_jsontext · Predvolené: "{}"
Ukážková hodnota{}
Príklad Bubble výrazApp Settings' player_labels_json (supported keys only)
Voliteľný JSON s podporovanými popiskami tlačidiel. Ponechajte prázdne pre použitie vstavaného textu.
languagetext · Predvolené: "auto"
Ukážková hodnotauk
Príklad Bubble výrazCurrent User's preferred_language
Nastavte language=auto, aby sledoval podporované zariadenie alebo jazyk prehliadača. Zadajte podporovaný kód jazyka pre jeho explicitný výber.
Akcie a ich vstupy · 11
Play

Žiadne parametre akcie

Pause

Žiadne parametre akcie

Stop and rewind

Žiadne parametre akcie

Reload video

Žiadne parametre akcie

Seek
position_secondsnumber · Predvolené: —
Ukážková hodnota45
Príklad Bubble výrazSelected Chapter's start_seconds
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
Set volume
volumenumber · Predvolené: —
Ukážková hodnota0.8
Príklad Bubble výrazVolume Slider's value
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
Set muted
mutedyes/no · Predvolené: —
Ukážková hodnotano
Príklad Bubble výrazMute Checkbox is checked
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
Set playback rate
ratenumber · Predvolené: —
Ukážková hodnota1.5
Príklad Bubble výrazSpeed Dropdown's value
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
Enter fullscreen

Žiadne parametre akcie

Select audio track
indexnumber · Predvolené: —
Ukážková hodnota0
Príklad Bubble výrazSelected row's current_source_index
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
Select subtitle track
indexnumber · Predvolené: —
Ukážková hodnota0
Príklad Bubble výrazSelected row's current_source_index
Použite hodnotu aktuálneho obchodného záznamu; overte ju voči nižšie uvedeným limitom.
Stavy a udalosti

Stavy

is_playing · yes/no

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

is_buffering · yes/no

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

pending_play · yes/no

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

is_live · yes/no

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

muted · yes/no

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

loop · yes/no

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

has_source · yes/no

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

is_fullscreen · yes/no

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

position_seconds · number

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

duration_seconds · number

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

volume · number

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

rate · number

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

source_generation · number

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

selected_audio_index · number

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

selected_subtitle_index · number

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

status · text

Aktuálny výsledok tejto akcie. Použite zodpovedajúcu udalosť dokončenia pred uložením úspechu. idle,loading,readyToPlay,error

audio_tracks_json · text

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

subtitle_tracks_json · text

Aktuálna hodnota vybranej položky. Prečítajte ju po súvisiacej udalosti.

error_code · text

Informácie o chybe poslednej akcie. Zobrazte užitočnú správu a ponúknite príslušný opätovný pokus.

error_message · text

Informácie o chybe poslednej akcie. Zobrazte užitočnú správu a ponúknite príslušný opätovný pokus.

Udalosti

source_changed

Keď nastane táto udalosť, prečítajte súvisiace stavy z rovnakého prvku.

source_loaded

Keď nastane táto udalosť, prečítajte súvisiace stavy z rovnakého prvku.

playback_ready

Keď nastane táto udalosť, prečítajte súvisiace stavy z rovnakého prvku.

playing_changed

Keď nastane táto udalosť, prečítajte súvisiace stavy z rovnakého prvku.

time_changed

Keď nastane táto udalosť, prečítajte súvisiace stavy z rovnakého prvku.

ended

Keď nastane táto udalosť, prečítajte súvisiace stavy z rovnakého prvku.

tracks_changed

Keď nastane táto udalosť, prečítajte súvisiace stavy z rovnakého prvku.

fullscreen_changed

Keď nastane táto udalosť, prečítajte súvisiace stavy z rovnakého prvku.

player_error

Keď nastane táto udalosť, prečítajte súvisiace stavy z rovnakého prvku.

Otázky, ktoré kladú vývojári

Môžem exportovať vybraný úsek?

Nie. Seek a režim na celú obrazovku menia prehrávanie, nie video bajty.

Ako funguje predplatné?

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.

Súvisiace návody

Pre pomoc nám povedzte, ktorý plugin a zariadenie používate, akú akciu ste skúšali a čo sa stalo. Použite príklad bez osobných údajov. Nikdy nezdieľajte svoj kľúč ani súkromné súbory.