Interfàcia Video Player amb un quadre d'exemple del trailer Sintel.
Interfàcia Video Player amb un quadre d'exemple del trailer Sintel.
© copyright Blender Foundation | durian.blender.org · CC BY 3.0
← Totas las guidas Bubble Native

Xodera Plugins · Bubble Native

Xodera Video Player Native

Afichar de leçons, de demostracions de produches e de fluxes en dirècte suportats dins vòstra aplicacion, amb de contraròtles de lectura, plen ecran e de pistas de lenga 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.

Documentacion revisada 6 novèmber 2026

Exemples practics

Ligams de capitol dins una aplicacion de formacion

Un aprenent a besonh de tornar legir una etapa d’una demostracion sens navegar cap a un lector extèrne.

`source_url = Current Lesson’s video URL`; `poster_url = Current Lesson’s cover`; cada Chapter emmagazina una posicion de començament gerida per l'aplicacion.

Clic sul capitol → se la font cambia, esperar `source_loaded` → Seek cap a `position_seconds` → Play. Utilizar Set playback rate per una demostracion detalhada e Enter fullscreen sus demanda.

Legir `position_seconds`, `duration_seconds` e `is_fullscreen` ; vòstre flux de trabalh emmagazina lo progrès de la lecion solament per la font actuala.

Sus `player_error`, mostrar `error_code`, conservar lo progrès e prepausar Reload video. Un eveniment de completatge es pas una prova que la lecion o l’avaluacion de seguretat es estada superada.

Utilizar de fichièrs vidèo dirèctes o de fluxes compatibles. Aqueste lector exporta pas de vidèos.

Demostracions vidèo sus las listas del mercat

Una sola imatge del produit pòt pas explicar lo foncionament d’un article, mas una vidèo fòra del site interromp lo flux d’achat.

`source_url = Selected Listing’s demonstration URL` ; `poster_url = its thumbnail` ; `muted = yes` per una primièra previsualizacion intencionadament sens son.

Dobrissètz lo Listing seleccionat → ligatz sa vidèo → Play aprèp una accion de l'utilizaire. Prepausatz Set muted pel son e Enter fullscreen per una inspeccion mai detalhada. Ligatz `is_active` al detalh visible.

Utilizar `has_source`, `is_buffering` e `status` per diferenciar una vidèo absenta, lo cargament e los mèdias prèstes.

En remplaçament de la font, arrestar l’aplicacion del progrès ancian e de las seleccions de pista. Mostrar una miniatura de recors se lo fichièr seleccionat es pas suportat.

Utilizar de fichièrs vidèo dirèctes o de fluxes compatibles. Aqueste lector exporta pas de vidèos.

Causir las pistas de lenga disponiblas dins un flux suportat

Una aplicacion multilingüa deu ofrir las pistas que una font particular conten efectivament.

`source_url = Selected Programme’s accepted stream URL` ; la font se meteissa deu provesir de pistas àudio/sostítol compatibles.

Sus `tracks_changed`, legir lo `audio_tracks_json` e lo `subtitle_tracks_json` actuals ; crear de causidas dins l’aplicacion e apelar Select audio track o Select subtitle track amb l’indèx actual.

Utilizar `selected_audio_index`, `selected_subtitle_index` e `source_generation` per associar la causida amb aquesta font.

Reconstruissètz las causidas aprèp cada cambiament de font. Se una pista manca o es pas suportada, gardatz la pista per defaut e indicatz onèstament aquela disponibilitat.

Utilizar de fichièrs vidèo dirèctes o de fluxes compatibles. Aqueste lector exporta pas de vidèos.

Qué fonciona ara

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 lo flux de trabalh

Utilizatz las accions beta disponiblas çai-jos e testatz lo resultat sus vòstres aparelhs cibla.

Aquestes exemples utilizan de registres d’aplicacion tals coma Lesson, Message e Order. Remplaçatz-los per vòstres pròpris tipes de donadas e noms d’elements. Las adreças de mèdias d’exemple devon èsser remplaçadas per vòstres pròpris fichièrs.

  1. Definir source_url = Selected Lesson's video_url e poster_url = Selected Lesson's poster_url. Utilizar auto o progressive per un MP4 ; utilizar hls per un flux HLS.

  2. Aprèp playback_ready, utilizatz Seek per reprene a la posicion salvada position_seconds. L’utilizaire avia Play. Definir is_active segon que la vista de la lecion es dobèrta.

  3. Apondre los contraròtles Play, Pause, Seek, Set playback rate e Enter fullscreen. Afichar position_seconds e duration_seconds.

  4. Aprèp tracks_changed, afichatz las opcions audio_tracks_json e subtitle_tracks_json disponiblas per aquesta vidèo. Transmetètz l'indèx seleccionat a Select audio track o Select subtitle track. Sus ended, enregistratz la progression.

Diagrama del flux de trabalh — pas una captura d’ecran d’aplicacion

Configurar un sol còp

Creatz o causissètz vòstre projècte d’aplicacion Bubble dins BestPlugins → Dashboard → Plugins. Causissètz Xodera Video Player Native, copiatz sa clau, puèi dobrissètz Bubble → Plugins → Xodera Video Player Native e pegatz-la dins licensing_api_key. Enregistratz una còp ; puèi utilizatz las accions çai-jos. Cada plugin dins cada projècte a sa pròpria clau.

Utilizatz una adreça de vidèo o flux dirècte. Una adreça YouTube o una pagina web Vimeo es pas un fichièr de vidèo dirècte. La lectura necessita pas d’accès a la camèra o al micròfon.

Configurar un sol còp
  1. Creatz o causissètz vòstre projècte d’aplicacion Bubble a BestPlugins → Dashboard → Plugins.
  2. Causissètz aqueste plugin e copiatz sa clau de projècte.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Apondètz l’element, causissètz vòstras donadas d’aplicacion e construïtz lo flux de trabalh çai-jos.
  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.
Installacion e abonament

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.

Enregistrar lo resultat dins vòstra aplicacion

Exemple WatchProgress : owner = Current User, lesson = Selected Lesson, seconds = Video Player's position_seconds, duration = Video Player's duration_seconds. Enregistrar sonque per la vidèo actualament seleccionada. Los indicadors de pista apartenon a aquela vidèo e deurián pas èsser emmagazinats coma causidas de lenga permanentas.

Fracàs, anullacion e recuperacion

Sus player_error, afichar error_code e prepausar Reload video. Recarrega sens aviar la lectura. Seleccionar una font diferenta escafar las ancianas causidas de pista. Quitar la vista pausa la vidèo ; l’utilizaire quichatz Play per contunhar.

Capacitats e limits

Velocitats: 0.5, 1, 1.5 e 2. Volum: 0–1. Formats: auto, progressive, HLS e DASH sonque sus Android. Las pistas disponiblas dependen del fichièr. Utilizatz -1 per desactivar una pista; -2 significa desconegut e pòt pas èsser seleccionat. Pas d'edicion, d'exportacion de vidèo, de DRM, d'imatge dins l'imatge ni de cache permanent fòra linha.

Paramètres, accions e resultats

Utilizatz aqueles noms dins Bubble. Las foncions planificadas son marcadas separadament.

Paramètres beta disponibles

Paramètres de 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

Estats

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

Accions e lors entradas

PlayPauseStop and rewindReload videoSeekSet volumeSet mutedSet playback rateEnter fullscreenSelect audio trackSelect subtitle track
Paramètres de l’element · 12
source_urltext · Per defaut: ""
Valor d’exemplehttps://bestplugins.online/native-samples/lesson.mp4
Exemple d'expression BubbleSelected Lesson's video_url
Adreça del fichièr àudio, vidèo o imatge seleccionat. Utilizatz un tipe de fichièr que aqueste plugin supòrta.
poster_urltext · Per defaut: ""
Valor d’exemplehttps://bestplugins.online/native-samples/poster.jpg
Exemple d'expression BubbleSelected Lesson's poster_url
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
content_typetext · Per defaut: "auto"
Valor d’exempleauto
Exemple d'expression BubbleSelected Lesson's video_content_type
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
ratenumber · Per defaut: 1
Valor d’exemple1.5
Exemple d'expression BubbleSpeed Dropdown's value
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
volumenumber · Per defaut: 1
Valor d’exemple0.8
Exemple d'expression BubbleVolume Slider's value
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
mutedyes/no · Per defaut: false
Valor d’exempleno
Exemple d'expression BubbleMute Checkbox is checked
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
loopyes/no · Per defaut: false
Valor d’exempleno
Exemple d'expression BubbleSelected Lesson's repeat_enabled
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
is_activeyes/no · Per defaut: true
Valor d’exempleyes
Exemple d'expression BubbleGuideHost's view_is_active (your yes/no custom state)
Definissètz yes mentre aquesta vista es dobèrta. Definissètz no quand la quitatz, per que la lectura o lo trabalh en cors se pòsca arrestar.
disabledyes/no · Per defaut: false
Valor d’exempleno
Exemple d'expression BubbleGuideHost's is_busy (your yes/no custom state)
Desactivar l’element mentre vòstra aplicacion es ocupada o aquesta accion es indisponibla.
native_controlsyes/no · Per defaut: false
Valor d’exempleno
Exemple d'expression BubbleApp Settings' use_native_video_controls
Afichar o amagar los contraròtles vidèo estandards del periferic.
ui_text_jsontext · Per defaut: "{}"
Valor d’exemple{}
Exemple d'expression BubbleApp Settings' player_labels_json (supported keys only)
JSON opcional amb etiquetas de botonas suportadas. Daissatz void per utilizar lo tèxte integrat.
languagetext · Per defaut: "auto"
Valor d’exempleuk
Exemple d'expression BubbleCurrent User's preferred_language
Definissètz language=auto per seguir la lenga de l'aparelh o del navegador se aquela lenga es suportada. Entratz un còde de lenga suportat per la causir explicitament.
Accions e lors entradas · 11
Play

Cap de paramètre d'accion

Pause

Cap de paramètre d'accion

Stop and rewind

Cap de paramètre d'accion

Reload video

Cap de paramètre d'accion

Seek
position_secondsnumber · Per defaut: —
Valor d’exemple45
Exemple d'expression BubbleSelected Chapter's start_seconds
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
Set volume
volumenumber · Per defaut: —
Valor d’exemple0.8
Exemple d'expression BubbleVolume Slider's value
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
Set muted
mutedyes/no · Per defaut: —
Valor d’exempleno
Exemple d'expression BubbleMute Checkbox is checked
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
Set playback rate
ratenumber · Per defaut: —
Valor d’exemple1.5
Exemple d'expression BubbleSpeed Dropdown's value
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
Enter fullscreen

Cap de paramètre d'accion

Select audio track
indexnumber · Per defaut: —
Valor d’exemple0
Exemple d'expression BubbleSelected row's current_source_index
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
Select subtitle track
indexnumber · Per defaut: —
Valor d’exemple0
Exemple d'expression BubbleSelected row's current_source_index
Utilizatz la valor del registre comercial actual ; validatz-la contra los limits çai-jos.
Estats e eveniments

Estats

is_playing · yes/no

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

is_buffering · yes/no

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

pending_play · yes/no

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

is_live · yes/no

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

muted · yes/no

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

loop · yes/no

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

has_source · yes/no

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

is_fullscreen · yes/no

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

position_seconds · number

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

duration_seconds · number

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

volume · number

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

rate · number

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

source_generation · number

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

selected_audio_index · number

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

selected_subtitle_index · number

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

status · text

Resultat actual d’aquesta accion. Utilizar l’eveniment de fin correspondenta abans d’enregistrar lo succès. idle,loading,readyToPlay,error

audio_tracks_json · text

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

subtitle_tracks_json · text

Valor actual per l’element seleccionat. Legissètz-la aprèp l’eveniment associat.

error_code · text

Informacions d'error per la darrièra accion. Afichatz un messatge util e prepausatz de tornar ensajar l'operacion pertinenta.

error_message · text

Informacions d'error per la darrièra accion. Afichatz un messatge util e prepausatz de tornar ensajar l'operacion pertinenta.

Eveniments

source_changed

Quand aqueste eveniment se produtz, legissètz los estats relatius a partir del meteis element.

source_loaded

Quand aqueste eveniment se produtz, legissètz los estats relatius a partir del meteis element.

playback_ready

Quand aqueste eveniment se produtz, legissètz los estats relatius a partir del meteis element.

playing_changed

Quand aqueste eveniment se produtz, legissètz los estats relatius a partir del meteis element.

time_changed

Quand aqueste eveniment se produtz, legissètz los estats relatius a partir del meteis element.

ended

Quand aqueste eveniment se produtz, legissètz los estats relatius a partir del meteis element.

tracks_changed

Quand aqueste eveniment se produtz, legissètz los estats relatius a partir del meteis element.

fullscreen_changed

Quand aqueste eveniment se produtz, legissètz los estats relatius a partir del meteis element.

player_error

Quand aqueste eveniment se produtz, legissètz los estats relatius a partir del meteis element.

Questions que los desvolopaires posan

Pòdi exportar lo segment seleccionat ?

Non. Seek e lo mòde plen ecran modifican la lectura, pas los octets de la vidèo.

Cossí fonciona l’abonament ?

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 ligadas

Per obténer d’ajuda, informatz-nos quin plugin e quin aparelh utilizatz, l’accion que ensajatz e çò qu’es capitat. Utilizatz un exemple sens donadas personalas. Partajatz pas jamai vòstra clau o vòstres fichièrs privats.