Video Player-ynterface mei in foarbyldframe fan de Sintel-trailer.
Video Player-ynterface mei in foarbyldframe fan de Sintel-trailer.
© copyright Blender Foundation | durian.blender.org · CC BY 3.0
← Alle Bubble Native-gidsen

Xodera Plugins · Bubble Native

Xodera Video Player Native

Lit lessen, produktdemo's en stipte live streams yn jo app, mei ôfspylkontrollen, folslein skerm en beskikbere taalsporen.

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.

Dokumintaasje beoardiele 6 novimber 2026

Praktyske foarbylden

Keppelingen nei haadstikken yn in trainingsapp

In learling moat ien stap fan in demonstraasje opnij ôfspylje sûnder nei in eksterne spiler te navigearjen.

`source_url = Current Lesson’s video URL`; `poster_url = Current Lesson’s cover`; elk Chapter-record bewarret in startposysje dy't by de app heart.

Haadstik klik → as de boarne wiziget, wachtsje op `source_loaded` → Seek nei `position_seconds` → Play. Brûk Set playback rate foar in detaillearre demonstraasje en Enter fullscreen as frege.

Lês `position_seconds`, `duration_seconds` en `is_fullscreen`; jo workflow bewarret lesfoarútgong allinnich foar de aktuele boarne.

Lit by `player_error` de `error_code` sjen, behâld de foarútgong en bied Reload video oan. In foltôgingsevenemint is gjin bewiis dat in les of in feilichheidsbeoardieling mei goed gefolch trochlopen is.

Brûk direkte fideo‑bestannen of stipe streams. Dizze spiler eksportearret gjin fideo's.

Fideodemonstraasjes op merkplakadvertinsjes

In produktôfbylding allinnich kin net útlizze hoe't in artikel wurket, mar in off‑site fideo brekt de oankeapstream.

`source_url = Selected Listing’s demonstration URL`; `poster_url = its thumbnail`; `muted = yes` foar in opzettende stille earste foarbyld.

Iepenje de selektearre Listing → bind syn fideo → Play nei in brûkersaksje. Biede Set muted oan foar lûd en Enter fullscreen foar tichter besjen. Bind `is_active` oan it sichtbere detail.

Brûk `has_source`, `is_buffering` en `status` om in ûntbrekkende fideo, it laden en klear media te ûnderskieden.

Pas by it ferfangen fan de boarne gjin âlde foarútgong of spoarkeuzes mear ta. Lit in miniatuer as reserve sjen as it selektearre bestân net stipe wurdt.

Brûk direkte fideo‑bestannen of stipe streams. Dizze spiler eksportearret gjin fideo's.

Kies beskikbere taalsporen yn in stipte stream

In meartalige app moat de sporen oanbiede dy't in bepaalde boarne eins befettet.

`source_url = Selected Programme’s accepted stream URL`; de boarne sels moat kompatibele audio-/ûnderskrifsporen leverje.

Op `tracks_changed`, lêze de aktuele `audio_tracks_json` en `subtitle_tracks_json`; bou keuzes yn jo app en rop Select audio track of Select subtitle track oan mei de aktuele yndeks.

Brûk `selected_audio_index`, `selected_subtitle_index` en `source_generation` om de kar te assosiëren mei dizze boarne.

Bou de keuzes opnij op nei elke boarne-wiziging. As in spoar ûntbrekt of net stipet wurdt, hâld de standertspoar en lit de beskikberheid earlik sjen.

Brûk direkte fideo‑bestannen of stipe streams. Dizze spiler eksportearret gjin fideo's.

Wat no wurket

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.

Bou de workflow

Brûk de beskikbere beta-aksjes hjirûnder en test it resultaat op jo doelapparaten.

Dizze foarbylden brûke app-records lykas Lesson, Message en Order. Ferfang se troch jo eigen gegevenstypen en elemintnammen. Ferfang de media-adressen út de foarbylden troch adressen fan jo eigen bestannen.

  1. Stel source_url = Selected Lesson's video_url en poster_url = Selected Lesson's poster_url yn. Brûk auto of progressive foar in MP4; brûk hls foar in HLS stream.

  2. Brûk nei playback_ready Seek om op de bewarre position_seconds te ferfetsjen. De brûker start Play. Stel is_active yn op oft it lesskerm iepen is.

  3. Foegje Play, Pause, Seek, Set playback rate en Enter fullscreen kontrôles ta. Toan position_seconds en duration_seconds.

  4. Lit nei tracks_changed de beskikbere opsjes fan audio_tracks_json en subtitle_tracks_json foar dizze fideo sjen. Jou de selektearre yndeks troch oan Select audio track of Select subtitle track. Bewarje by ended de foarútgong.

Workflow-diagram — gjin app-skermôfdruk

Ien kear konfigurearje

Meitsje of kies jo Bubble app-projekt yn BestPlugins → Dashboard → Plugins. Kies Xodera Video Player Native, kopiearje de kaai, iepenje dan Bubble → Plugins → Xodera Video Player Native en plak dizze yn licensing_api_key. Bewarje ien kear; brûk dêrnei de aksjes hjirûnder. Elke plugin yn elk projekt hat syn eigen kaai.

Brûk in direkte video- of streamadres. In YouTube- of Vimeo-websideadres is gjin direkte videobestân. Ôfspyljen hat gjin kamera- of mikrofoan tagong nedich.

Ien kear konfigurearje
  1. Meitsje of kies jo Bubble app-projekt by BestPlugins → Dashboard → Plugins.
  2. Kies dizze plugin en kopiearje syn projektkaai.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Foegje it elemint ta, kies jo app-gegevens en bou de workflow hjirûnder.
  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.
Ynstallaasje en abonnemint

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.

Bewarje it resultaat yn jo app

Foarbyld WatchProgress: owner = Current User, lesson = Selected Lesson, seconds = Video Player's position_seconds, duration = Video Player's duration_seconds. Bewarje allinnich foar de op it stuit selektearre video. Spoar‑yndeksen hearre by dy video en meie net bewarre wurde as permanente taalkeuzes.

Mislearjen, annulearjen en herstellen

Op player_error lit error_code sjen en biedt Reload video oan. It laadt op sûnder ôfspyljen te starten. It selektearjen fan in oare boarne wisket de âlde spoar‑keuzes. It ferlitten fan it skerm pauzeart de video; de brûker drukt op Play om troch te gean.

Moglikheden en limiten

Snelheden: 0.5, 1, 1.5 en 2. Folume: 0–1. Formaten: auto, progressive, HLS en DASH allinnich foar Android. Beskikbere spoaren hingje fan it bestân ôf. Brûk -1 om in spoar út te skeakeljen; -2 betsjut ûnbekend en kin net selektearre wurde. Gjin bewurking, fideo-eksport, DRM, picture-in-picture of permaninte offline cache.

Ynstellings, aksjes en resultaten

Brûk dizze nammen yn Bubble. Plande funksjes binne apart markearre.

Bêta-ynstellingen beskikber

Elemintynstellingen

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

Steaten

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

Eveneminten

source_changedsource_loadedplayback_readyplaying_changedtime_changedendedtracks_changedfullscreen_changedplayer_error

Aksjes en harren ynputs

PlayPauseStop and rewindReload videoSeekSet volumeSet mutedSet playback rateEnter fullscreenSelect audio trackSelect subtitle track
Elemintynstellingen · 12
source_urltext · Standert: ""
Foarbyldweardehttps://bestplugins.online/native-samples/lesson.mp4
Foarbyld Bubble útdrukkingSelected Lesson's video_url
Adres fan it selektearre audio-, video- of ôfbyldingsbestân. Brûk in bestânstype dy't dizze plugin stipet.
poster_urltext · Standert: ""
Foarbyldweardehttps://bestplugins.online/native-samples/poster.jpg
Foarbyld Bubble útdrukkingSelected Lesson's poster_url
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
content_typetext · Standert: "auto"
Foarbyldweardeauto
Foarbyld Bubble útdrukkingSelected Lesson's video_content_type
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
ratenumber · Standert: 1
Foarbyldwearde1.5
Foarbyld Bubble útdrukkingSpeed Dropdown's value
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
volumenumber · Standert: 1
Foarbyldwearde0.8
Foarbyld Bubble útdrukkingVolume Slider's value
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
mutedyes/no · Standert: false
Foarbyldweardeno
Foarbyld Bubble útdrukkingMute Checkbox is checked
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
loopyes/no · Standert: false
Foarbyldweardeno
Foarbyld Bubble útdrukkingSelected Lesson's repeat_enabled
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
is_activeyes/no · Standert: true
Foarbyldweardeyes
Foarbyld Bubble útdrukkingGuideHost's view_is_active (your yes/no custom state)
Stel yes yn wylst dit skerm iepen is. Stel no yn as jo it ferlitte, sadat it ôfspyljen of it hjoeddeiske wurk stopje kin.
disabledyes/no · Standert: false
Foarbyldweardeno
Foarbyld Bubble útdrukkingGuideHost's is_busy (your yes/no custom state)
Skeakel it elemint út wylst jo app dwaande is of dizze aksje net beskikber is.
native_controlsyes/no · Standert: false
Foarbyldweardeno
Foarbyld Bubble útdrukkingApp Settings' use_native_video_controls
Lit de standert fideo‑kontrôles fan it apparaat sjen of ferbergje.
ui_text_jsontext · Standert: "{}"
Foarbyldwearde{}
Foarbyld Bubble útdrukkingApp Settings' player_labels_json (supported keys only)
Opsjoneel JSON mei stipte knoplabels. Lit leech om de ynboude tekst te brûken.
languagetext · Standert: "auto"
Foarbyldweardeuk
Foarbyld Bubble útdrukkingCurrent User's preferred_language
Stel language=auto yn om de taal fan it apparaat of de browser te folgjen as dy taal stipe wurdt. Fier in stipe taalkoade yn om dy taal eksplisyt te kiezen.
Aksjes en harren ynputs · 11
Play

Gjin aksjeparameters

Pause

Gjin aksjeparameters

Stop and rewind

Gjin aksjeparameters

Reload video

Gjin aksjeparameters

Seek
position_secondsnumber · Standert: —
Foarbyldwearde45
Foarbyld Bubble útdrukkingSelected Chapter's start_seconds
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
Set volume
volumenumber · Standert: —
Foarbyldwearde0.8
Foarbyld Bubble útdrukkingVolume Slider's value
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
Set muted
mutedyes/no · Standert: —
Foarbyldweardeno
Foarbyld Bubble útdrukkingMute Checkbox is checked
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
Set playback rate
ratenumber · Standert: —
Foarbyldwearde1.5
Foarbyld Bubble útdrukkingSpeed Dropdown's value
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
Enter fullscreen

Gjin aksjeparameters

Select audio track
indexnumber · Standert: —
Foarbyldwearde0
Foarbyld Bubble útdrukkingSelected row's current_source_index
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
Select subtitle track
indexnumber · Standert: —
Foarbyldwearde0
Foarbyld Bubble útdrukkingSelected row's current_source_index
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
Steaten en eveneminten

Steaten

is_playing · yes/no

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

is_buffering · yes/no

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

pending_play · yes/no

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

is_live · yes/no

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

muted · yes/no

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

loop · yes/no

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

has_source · yes/no

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

is_fullscreen · yes/no

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

position_seconds · number

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

duration_seconds · number

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

volume · number

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

rate · number

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

source_generation · number

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

selected_audio_index · number

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

selected_subtitle_index · number

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

status · text

Aktueel resultaat fan dizze aksje. Brûk it oerienkommende foltôgingsevenemint foardat jo sukses bewarje. idle,loading,readyToPlay,error

audio_tracks_json · text

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

subtitle_tracks_json · text

Hjoeddeiske wearde foar it selektearre item. Lês it nei it bybehorende evenemint.

error_code · text

Foutynformaasje foar de lêste aksje. Lit in nuttich berjocht sjen en bied de relevante probearring oan.

error_message · text

Foutynformaasje foar de lêste aksje. Lit in nuttich berjocht sjen en bied de relevante probearring oan.

Eveneminten

source_changed

As dit evenemint bard, lês dan de relatearre steaten fan it selde elemint.

source_loaded

As dit evenemint bard, lês dan de relatearre steaten fan it selde elemint.

playback_ready

As dit evenemint bard, lês dan de relatearre steaten fan it selde elemint.

playing_changed

As dit evenemint bard, lês dan de relatearre steaten fan it selde elemint.

time_changed

As dit evenemint bard, lês dan de relatearre steaten fan it selde elemint.

ended

As dit evenemint bard, lês dan de relatearre steaten fan it selde elemint.

tracks_changed

As dit evenemint bard, lês dan de relatearre steaten fan it selde elemint.

fullscreen_changed

As dit evenemint bard, lês dan de relatearre steaten fan it selde elemint.

player_error

As dit evenemint bard, lês dan de relatearre steaten fan it selde elemint.

Fragen dy't ûntwikkelers stelle

Kin ik it selektearre segment eksportearje?

Nee. Seek en fullscreen feroarje ôfspyljen, net fideo‑bytes.

Hoe wurket it abonnemint?

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.

Relatearre gidsen

Foar help, fertel ús hokker plugin en apparaat jo brûke, de aksje dy't jo probearre hawwe en wat der bard is. Brûk in foarbyld sûnder persoanlike gegevens. Diele nea jo kaai of priveebestannen.