Interface Video Player cun in quadre d'exempel dal trailer Sintel.
Interface Video Player cun in quadre d'exempel dal trailer Sintel.
© copyright Blender Foundation | durian.blender.org · CC BY 3.0
← Tut las guidas Bubble Native

Xodera Plugins · Bubble Native

Xodera Video Player Native

Mussa lezziuns, demostrazions da product e flux viv sustegnids enta l'app, cun controlls da reproducziun, plein visur e pistas da lingua disponiblas.

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.

Documentaziun controllada ils 6 da november 2026

Exemplars pratics

Colliaziuns als chapitels en in'app da scolaziun

In student sto repeter in pass da la demostrazione senza ir a in lettor extern.

`source_url = Current Lesson’s video URL`; `poster_url = Current Lesson’s cover`; mintga chapitel memorisescha in temp da cumenzament controllà da l’app.

Clic sin chapitel → sche la funtauna vegn midada, spetgar `source_loaded` → Seek per `position_seconds` → Play. Utilisar Set playback rate per ina demostrazione detagliada e Enter fullscreen suenter dumonda.

Leger `position_seconds`, `duration_seconds` e `is_fullscreen`; il flux da lavur memorisescha il progress da la lecziun mo per la funtauna actuala.

Sin `player_error`, mussa `error_code`, conserva il progress ed offra Reload video. In eveniment da finiziun na cumprova betg ch'ina lecziun u ina valitaziun da segirezza è vegnida superada.

Utilisar datotecas da video directas u flus sustegnids. Quest lettor exporta betg videos.

Demostrazions video sin listaziuns dal marcà

Ina maletg da product da sulet na po betg explicar co funcziuna in artitgel, ma in video extern interromp il flux da cumprar.

`source_url = Selected Listing’s demonstration URL`; `poster_url = its thumbnail`; `muted = yes` per ina prim’anteprima intenzionalmain silenziosa.

Avra il Listing tschernì → collia ses video → Play suenter in'acziun da l'utilisader. Offra Set muted per il tun ed Enter fullscreen per examinar pli precis. Collia `is_active` cun la vista da detagls visibla.

Utilisar `has_source`, `is_buffering` e `status` per distinguer in video absent, il chargiar e il media pront.

Sulla substituziun da la funtauna, cessar d’aplicar il progress vegl e las selecziuns da pistas. Mussar ina miniatura da reserva sche il datoteca selecziunà n’è betg sustegnida.

Utilisar datotecas da video directas u flus sustegnids. Quest lettor exporta betg videos.

Tscherna las pistas da lingua disponiblas en in flus sustegnì

Ina applicaziun multilanguage sto offrir las pistas che la funtauna specifica conté realmain.

`source_url = Selected Programme’s accepted stream URL`; la funtauna ella stess sto furnir pistas d’audio/sottotitels cumpatiblas.

Sin `tracks_changed`, legia ils `audio_tracks_json` e `subtitle_tracks_json` actuals; creescha las opziuns en tia app e cloma Select audio track u Select subtitle track cun l'index actual.

Utilisescha `selected_audio_index`, `selected_subtitle_index` e `source_generation` per associar l’opziun cun questa funtauna.

Construescha danovamain las opziuns suenter mintga midada da funtauna. Sche ina pista manca u n’è betg sustegnida, mantegna la pista predefinida e mussa l’accessibilità cun onestà.

Utilisar datotecas da video directas u flus sustegnids. Quest lettor exporta betg videos.

Tge che funcziuna ussa

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.

Crear il flus da lavur

Utilisescha las acziuns beta disponiblas sutvart e testa il resultat sin tes apparats mira.

Quests exempels dovran endataziuns da l'app sco Lesson, Message ed Order. Remplazza quellas cun tes agens tips da datas e nums d'elements. Remplazza las adressas da medias d'exempel cun tias atgnas datotecas.

  1. Definir source_url = Selected Lesson's video_url e poster_url = Selected Lesson's poster_url. Utilisar auto u progressive per in MP4; utilisar hls per in flus HLS.

  2. Suenter playback_ready, utilisar Seek per riprender al position_seconds memorisà. L’utilisader avra Play. Definir is_active per inditgar sch’il vista da la lecziun è averta.

  3. Agiuntar controllas Play, Pause, Seek, Set playback rate e Enter fullscreen. Mussar position_seconds e duration_seconds.

  4. Suenter tracks_changed, mussa las opziuns disponiblas audio_tracks_json e subtitle_tracks_json per quest video. Transmetta l'index tschernì a Select audio track u Select subtitle track. Sin ended, memorisescha il progress.

Diagramma dal flus da lavur — betg ina captura d’app

Configurar ina giada

Creescha u tscherna tes project d'app Bubble en BestPlugins → Dashboard → Plugins. Tscherna Xodera Video Player Native, copia sia clav, suenter avra Bubble → Plugins → Xodera Video Player Native e incolla ella en licensing_api_key. Salva ina giada; suenter utilisescha las acziuns sutvart. Mintga plugin en mintga project ha sia propria clav.

Utilisescha ina adressa directa da video u flux. Ina adressa YouTube u ina pagina web Vimeo n'è betg ina datoteca da video directa. La reproducziun na pretenda nagina access a camera u microfon.

Configurar ina giada
  1. Creescha u tscherna tes project d'app Bubble en BestPlugins → Dashboard → Plugins.
  2. Tscherna quest plugin e copia sia clav dal project.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Agiunta l'element, tscherna tias datas d'app e construescha il flus da lavur sutvart.
  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.
Installaziun e abonnament

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.

Memorisar il resultat en tia app

Esempi WatchProgress: owner = Current User, lesson = Selected Lesson, seconds = Video Player's position_seconds, duration = Video Player's duration_seconds. Memorisescha mo per il video actualmain selecziunà. Ils indizs da pista apartenen a quel video e na duvrivan betg vegnir memorisads sco opziuns da lingua permanenta.

Falliment, annullar e restaurar

Sul player_error, mussa error_code e offra Reload video. El rechargia senza avrir la reproducziun. Seleccionar ina funtauna differenta netga las opziuns da pista veglias. Sortir da la vista pausa il video; l'utilisader pica Play per cuntinuar.

Capacitads e lims

Velocitads: 0.5, 1, 1.5 e 2. Volumen: 0–1. Formats: auto, progressive, HLS e DASH mo per Android. Las pistas disponiblas dependan da la datoteca. Dovra -1 per deactivar ina pista; -2 signifitga nunenconuschent e na po betg vegnir tschernì. Nagina modificaziun, export da video, DRM, picture-in-picture u cache offline permanenta.

Configuraziuns, acziuns e resultats

Utilisescha quests numens en Bubble. Funcziuns planisadas èn marcadas separadamain.

Configuraziuns beta disponiblas

Configuraziun da l'element

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

Stadis

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

Eveniments

source_changedsource_loadedplayback_readyplaying_changedtime_changedendedtracks_changedfullscreen_changedplayer_error

Acziuns e lur inputs

PlayPauseStop and rewindReload videoSeekSet volumeSet mutedSet playback rateEnter fullscreenSelect audio trackSelect subtitle track
Configuraziun da l'element · 12
source_urltext · Standard: ""
Valur d'exempelhttps://bestplugins.online/native-samples/lesson.mp4
Exempel Bubble expressiunSelected Lesson's video_url
Adress da la datoteca audio, video u maletg selecziunada. Utilisescha in tip da datoteca che quest plugin sustegna.
poster_urltext · Standard: ""
Valur d'exempelhttps://bestplugins.online/native-samples/poster.jpg
Exempel Bubble expressiunSelected Lesson's poster_url
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
content_typetext · Standard: "auto"
Valur d'exempelauto
Exempel Bubble expressiunSelected Lesson's video_content_type
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
ratenumber · Standard: 1
Valur d'exempel1.5
Exempel Bubble expressiunSpeed Dropdown's value
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
volumenumber · Standard: 1
Valur d'exempel0.8
Exempel Bubble expressiunVolume Slider's value
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
mutedyes/no · Standard: false
Valur d'exempelno
Exempel Bubble expressiunMute Checkbox is checked
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
loopyes/no · Standard: false
Valur d'exempelno
Exempel Bubble expressiunSelected Lesson's repeat_enabled
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
is_activeyes/no · Standard: true
Valur d'exempelyes
Exempel Bubble expressiunGuideHost's view_is_active (your yes/no custom state)
Definiescha yes durant che questa vista è averta. Definiescha no cura che ti bandunas ella, per che la reproducziun u il lavur actual possia sa fermar.
disabledyes/no · Standard: false
Valur d'exempelno
Exempel Bubble expressiunGuideHost's is_busy (your yes/no custom state)
Deactiva l'element cura che tia app è occupada u che questa acziun è betg disponibla.
native_controlsyes/no · Standard: false
Valur d'exempelno
Exempel Bubble expressiunApp Settings' use_native_video_controls
Mussa u zuppa ils controls da video standard dal dispositiv.
ui_text_jsontext · Standard: "{}"
Valur d'exempel{}
Exempel Bubble expressiunApp Settings' player_labels_json (supported keys only)
JSON facultativ cun etichettas da buttun sustegnidas. Lascha vid per duvrar il text integrà.
languagetext · Standard: "auto"
Valur d'exempeluk
Exempel Bubble expressiunCurrent User's preferred_language
Definiescha language=auto per suandar la lingua da l'apparat u dal navigatur, sch'ella è sustegnida. Endatescha in code da lingua sustegnì per tscherner quella explicitamain.
Acziuns e lur inputs · 11
Play

Nagins parameters d'acziun

Pause

Nagins parameters d'acziun

Stop and rewind

Nagins parameters d'acziun

Reload video

Nagins parameters d'acziun

Seek
position_secondsnumber · Standard: —
Valur d'exempel45
Exempel Bubble expressiunSelected Chapter's start_seconds
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
Set volume
volumenumber · Standard: —
Valur d'exempel0.8
Exempel Bubble expressiunVolume Slider's value
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
Set muted
mutedyes/no · Standard: —
Valur d'exempelno
Exempel Bubble expressiunMute Checkbox is checked
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
Set playback rate
ratenumber · Standard: —
Valur d'exempel1.5
Exempel Bubble expressiunSpeed Dropdown's value
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
Enter fullscreen

Nagins parameters d'acziun

Select audio track
indexnumber · Standard: —
Valur d'exempel0
Exempel Bubble expressiunSelected row's current_source_index
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
Select subtitle track
indexnumber · Standard: —
Valur d'exempel0
Exempel Bubble expressiunSelected row's current_source_index
Utilisescha il valur dal registr da l'interpresa actual; validescha el cun ils limits sutvart.
Stadis e eveniments

Stadis

is_playing · yes/no

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

is_buffering · yes/no

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

pending_play · yes/no

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

is_live · yes/no

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

muted · yes/no

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

loop · yes/no

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

has_source · yes/no

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

is_fullscreen · yes/no

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

position_seconds · number

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

duration_seconds · number

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

volume · number

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

rate · number

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

source_generation · number

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

selected_audio_index · number

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

selected_subtitle_index · number

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

status · text

Resultat actual da questa acziun. Dovra l'eveniment da finiziun correspundent avant da memorisar in success. idle,loading,readyToPlay,error

audio_tracks_json · text

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

subtitle_tracks_json · text

Valur actual per l'element selecziunà. Legia el suenter l'eveniment relatà.

error_code · text

Informaziuns d'error per l'ultima acziun. Mussar in messadi d'agid e porscher il reprovà pertinent.

error_message · text

Informaziuns d'error per l'ultima acziun. Mussar in messadi d'agid e porscher il reprovà pertinent.

Eveniments

source_changed

Sch'quest event succeda, legia ils stadi relatads da l'istess element.

source_loaded

Sch'quest event succeda, legia ils stadi relatads da l'istess element.

playback_ready

Sch'quest event succeda, legia ils stadi relatads da l'istess element.

playing_changed

Sch'quest event succeda, legia ils stadi relatads da l'istess element.

time_changed

Sch'quest event succeda, legia ils stadi relatads da l'istess element.

ended

Sch'quest event succeda, legia ils stadi relatads da l'istess element.

tracks_changed

Sch'quest event succeda, legia ils stadi relatads da l'istess element.

fullscreen_changed

Sch'quest event succeda, legia ils stadi relatads da l'istess element.

player_error

Sch'quest event succeda, legia ils stadi relatads da l'istess element.

Dumondas che ils sviluppaders fan

Pò jau exportar il segment selecziunà?

Na. Seek e il modus fullscreen midan la reproducziun, betg ils bytes dal video.

Co funcziuna l'abunament?

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.

Guidas colliadas

Per agid, indichescha nus tge plugin e tge apparat ti dovras, l'acziun che ti has empruvà e tge succedì. Dovra in exempel senza datas persunalas. Mai cundivida tia clav ni tes files privats.