Video Player‑käyttöliittymä, jossa on näytekehyksen Sintel‑traileri.
Video Player‑käyttöliittymä, jossa on näytekehyksen Sintel‑traileri.
© copyright Blender Foundation | durian.blender.org · CC BY 3.0
← Kaikki alkuperäiset oppaat

Xodera Plugins · Bubble Native

Xodera Video Player Native

Näytä oppitunnit, tuotteen esittelyt ja tuetut suoratoistot sovelluksessasi, toistokontrollien, koko näytön ja saatavilla olevien kieliraitojen kanssa.

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.

Dokumentaatio tarkistettu 6 marraskuussa 2026

Käytännön esimerkit

Linkit videon lukuihin koulutussovelluksessa

Oppijan täytyy toistaa demonstraation yksi vaihe ilman siirtymistä ulkoiseen toistimeen.

`source_url = Current Lesson’s video URL`; `poster_url = Current Lesson’s cover`; jokainen luku tallentaa sovelluksen omistaman aloitusajan.

Lukuklikkaus → jos lähde vaihtuu, odota `source_loaded` → Seek → `position_seconds` → Play. Käytä Set playback rate tarkempaan demonstraatioon ja Enter fullscreen pyydettäessä.

Lue `position_seconds`, `duration_seconds` ja `is_fullscreen`; työnkulku tallentaa oppitunnin edistymisen vain nykyiselle lähteelle.

`player_error`:n yhteydessä näytä `error_code`, säilytä edistyminen ja tarjoa Reload video. Valmistumistapahtuma ei ole todiste siitä, että oppitunti tai turvallisuusarviointi olisi suoritettu.

Käytä suoria videoleikkeitä tai tuettuja virtoja. Tämä toistin ei vie videoita.

Videodemonstraatiot markkinapaikkailmoituksissa

Pelkkä tuotekuva ei voi selittää, miten tuote toimii, mutta ulkopuolinen video katkaisee ostoprosessin.

`source_url = Selected Listing’s demonstration URL`; `poster_url = its thumbnail`; `muted = yes` tarkoituksellisesti äänettömään ensimmäiseen esikatseluun.

Avaa valittu ilmoitus → liitä sen video → Play käyttäjän toiminnon jälkeen. Tarjoa Set muted ääntä varten ja Enter fullscreen tarkempaa tarkastelua varten. Liitä `is_active` näkyvään yksityiskohtaan.

Käytä `has_source`, `is_buffering` ja `status` erottamaan puuttuva video, lataus ja valmis media.

Lähteen korvauksen yhteydessä lopeta vanhan edistymisen ja raitojen valintojen soveltaminen. Näytä pikkukuvan varmuuskopio, kun valittu tiedosto ei ole tuettu.

Käytä suoria videoleikkeitä tai tuettuja virtoja. Tämä toistin ei vie videoita.

Valitse tuetussa suoratoistossa saatavilla olevat kieliradat

Monikielisen sovelluksen on tarjottava ne raidat, jotka kyseinen lähde todellisuudessa sisältää.

`source_url = Selected Programme’s accepted stream URL`; lähteen on itse tarjottava yhteensopivat ääni- ja tekstitysradat.

`tracks_changed`:n yhteydessä lue nykyiset `audio_tracks_json` ja `subtitle_tracks_json`; rakenna valinnat sovelluksessasi ja kutsu Select audio track tai Select subtitle track nykyisellä indeksillä.

Käytä `selected_audio_index`, `selected_subtitle_index` ja `source_generation` yhdistääksesi valinnan tähän lähteeseen.

Rakenna valinnat uudelleen jokaisen lähteen muutoksen jälkeen. Jos raita puuttuu tai ei ole tuettu, säilytä oletusraita ja näytä sen saatavuus rehellisesti.

Käytä suoria videoleikkeitä tai tuettuja virtoja. Tämä toistin ei vie videoita.

Mikä toimii nyt

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.

Rakenna työnkulku

Käytä alla olevia saatavilla olevia beta‑toimintoja ja testaa tulosta kohdelaitteillasi.

Nämä esimerkit käyttävät sovellustietueita, kuten Lesson, Message ja Order. Korvaa ne omilla tietotyypeilläsi ja elementtien nimillä. Esimerkkimediaosoitteet on korvattava omilla tiedostoillasi.

  1. Aseta source_url = Selected Lesson's video_url ja poster_url = Selected Lesson's poster_url. Käytä auto tai progressive MP4‑tiedostolle; käytä hls HLS‑virrassa.

  2. playback_ready:n jälkeen käytä Seek jatkaaksesi tallennettua position_seconds‑kohtaa. Käyttäjä käynnistää Play:n. Aseta is_active sen mukaan, onko oppitunnin näkymä avoinna.

  3. Lisää Play-, Pause-, Seek-, Set playback rate- ja Enter fullscreen‑ohjaimet. Näytä position_seconds ja duration_seconds.

  4. tracks_changed:n jälkeen näytä tämän videon käytettävissä olevat audio_tracks_json- ja subtitle_tracks_json‑valinnat. Siirrä valittu indeksi Select audio track:lle tai Select subtitle track:lle. ended-tapahtuman yhteydessä tallenna edistyminen.

Työnkulkukaavio — ei sovelluksen kuvakaappaus

Määritä kerran

Luo tai valitse Bubble‑sovellusprojekti BestPlugins → Dashboard → Plugins. Valitse Xodera Video Player Native, kopioi sen avain, avaa sitten Bubble → Plugins → Xodera Video Player Native ja liitä se licensing_api_key:ään. Tallenna kerran; käytä sitten alla olevia toimintoja. Jokaisella liitännäisellä jokaisessa projektissa on oma avain.

Käytä suoraa video- tai suoratoisto-osoitetta. YouTube tai Vimeo‑verkkosivun osoite ei ole suora videontiedosto. Toisto ei vaadi kamera‑ tai mikrofonipääsyä.

Määritä kerran
  1. Luo tai valitse Bubble‑sovellusprojekti BestPlugins → Dashboard → Plugins.
  2. Valitse tämä liitännäinen ja kopioi sen projektin avain.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Lisää elementti, valitse sovellustietosi ja rakenna alla oleva työnkulku.
  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.
Asennus ja tilaus

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.

Tallenna tulos sovellukseesi

Esimerkki WatchProgress: owner = Current User, lesson = Selected Lesson, seconds = Video Player's position_seconds, duration = Video Player's duration_seconds. Tallenna vain tällä hetkellä valitulle videolle. Raitojen indeksit kuuluvat kyseiseen videoon, eikä niitä tule tallentaa pysyvinä kielivalintoina.

Epäonnistuminen, peruutus ja palautus

player_error:n yhteydessä näytä error_code ja tarjoa Reload video. Se lataa uudelleen aloittamatta toistoa. Toisen lähteen valinta tyhjentää vanhat raitavalinnat. Näkymästä poistuttaessa video pysäytetään; käyttäjä painaa Play jatkaakseen.

Ominaisuudet ja rajoitukset

Nopeudet: 0.5, 1, 1.5 ja 2. Äänenvoimakkuus: 0–1. Formaatit: auto, progressive, HLS ja Android‑vain DASH. Saatavilla olevat raidat riippuvat tiedostosta. Käytä -1 raitaa pois kytkemään; -2 tarkoittaa tuntematonta eikä sitä voi valita. Ei muokkausta, video­vientiä, DRM:ää, kuva‑kuvassa‑kuva‑tilaa tai pysyvää offline‑välimuistia.

Asetukset, toiminnot ja tulokset

Käytä näitä nimiä Bubble:ssa. Suunnitellut ominaisuudet on merkitty erikseen.

Käytettävissä olevat beta-asetukset

Elementin asetukset

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

Tilat

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

Tapahtumat

source_changedsource_loadedplayback_readyplaying_changedtime_changedendedtracks_changedfullscreen_changedplayer_error

Toiminnot ja niiden syötteet

PlayPauseStop and rewindReload videoSeekSet volumeSet mutedSet playback rateEnter fullscreenSelect audio trackSelect subtitle track
Elementin asetukset · 12
source_urltext · Oletus: ""
Esimerkkisarvohttps://bestplugins.online/native-samples/lesson.mp4
Esimerkki Bubble -lausekeSelected Lesson's video_url
Valitun ääni-, video- tai kuvatiedoston osoite. Käytä tiedostotyyppiä, jota tämä liitännäinen tukee.
poster_urltext · Oletus: ""
Esimerkkisarvohttps://bestplugins.online/native-samples/poster.jpg
Esimerkki Bubble -lausekeSelected Lesson's poster_url
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
content_typetext · Oletus: "auto"
Esimerkkisarvoauto
Esimerkki Bubble -lausekeSelected Lesson's video_content_type
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
ratenumber · Oletus: 1
Esimerkkisarvo1.5
Esimerkki Bubble -lausekeSpeed Dropdown's value
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
volumenumber · Oletus: 1
Esimerkkisarvo0.8
Esimerkki Bubble -lausekeVolume Slider's value
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
mutedyes/no · Oletus: false
Esimerkkisarvono
Esimerkki Bubble -lausekeMute Checkbox is checked
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
loopyes/no · Oletus: false
Esimerkkisarvono
Esimerkki Bubble -lausekeSelected Lesson's repeat_enabled
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
is_activeyes/no · Oletus: true
Esimerkkisarvoyes
Esimerkki Bubble -lausekeGuideHost's view_is_active (your yes/no custom state)
Aseta kyllä, kun tämä näkymä on auki. Aseta ei, kun poistutaan, jotta toisto tai nykyinen työ voi pysähtyä.
disabledyes/no · Oletus: false
Esimerkkisarvono
Esimerkki Bubble -lausekeGuideHost's is_busy (your yes/no custom state)
Poista elementti käytöstä, kun sovelluksesi on kiireinen tai tämä toiminto ei ole saatavilla.
native_controlsyes/no · Oletus: false
Esimerkkisarvono
Esimerkki Bubble -lausekeApp Settings' use_native_video_controls
Näytä tai piilota laitteen vakiovideon ohjaimet.
ui_text_jsontext · Oletus: "{}"
Esimerkkisarvo{}
Esimerkki Bubble -lausekeApp Settings' player_labels_json (supported keys only)
Valinnainen JSON tuetuilla painikkeen teksteillä. Jätä tyhjäksi käyttääksesi sisäänrakennettua tekstiä.
languagetext · Oletus: "auto"
Esimerkkisarvouk
Esimerkki Bubble -lausekeCurrent User's preferred_language
Aseta language=auto seuraamaan tuettua laitetta tai selaimen kieltä. Syötä tuettu kielikoodi valitaksesi sen eksplisiittisesti.
Toiminnot ja niiden syötteet · 11
Play

Ei toiminto‑parametreja

Pause

Ei toiminto‑parametreja

Stop and rewind

Ei toiminto‑parametreja

Reload video

Ei toiminto‑parametreja

Seek
position_secondsnumber · Oletus: —
Esimerkkisarvo45
Esimerkki Bubble -lausekeSelected Chapter's start_seconds
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
Set volume
volumenumber · Oletus: —
Esimerkkisarvo0.8
Esimerkki Bubble -lausekeVolume Slider's value
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
Set muted
mutedyes/no · Oletus: —
Esimerkkisarvono
Esimerkki Bubble -lausekeMute Checkbox is checked
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
Set playback rate
ratenumber · Oletus: —
Esimerkkisarvo1.5
Esimerkki Bubble -lausekeSpeed Dropdown's value
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
Enter fullscreen

Ei toiminto‑parametreja

Select audio track
indexnumber · Oletus: —
Esimerkkisarvo0
Esimerkki Bubble -lausekeSelected row's current_source_index
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
Select subtitle track
indexnumber · Oletus: —
Esimerkkisarvo0
Esimerkki Bubble -lausekeSelected row's current_source_index
Käytä nykyisen liiketoimintatietueen arvoa; tarkista se alla olevia rajoja vastaan.
Tilat ja tapahtumat

Tilat

is_playing · yes/no

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

is_buffering · yes/no

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

pending_play · yes/no

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

is_live · yes/no

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

muted · yes/no

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

loop · yes/no

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

has_source · yes/no

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

is_fullscreen · yes/no

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

position_seconds · number

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

duration_seconds · number

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

volume · number

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

rate · number

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

source_generation · number

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

selected_audio_index · number

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

selected_subtitle_index · number

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

status · text

Tämän toiminnon nykyinen tulos. Käytä vastaavaa valmistumistapahtumaa ennen onnistuneen tallennuksen tekemistä. idle,loading,readyToPlay,error

audio_tracks_json · text

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

subtitle_tracks_json · text

Valitun kohteen nykyinen arvo. Lue se liittyvän tapahtuman jälkeen.

error_code · text

Viimeisen toiminnon virhetiedot. Näytä hyödyllinen viesti ja tarjoa asiaankuuluva uudelleenyritys.

error_message · text

Viimeisen toiminnon virhetiedot. Näytä hyödyllinen viesti ja tarjoa asiaankuuluva uudelleenyritys.

Tapahtumat

source_changed

Kun tämä tapahtuma tapahtuu, lue siihen liittyvät tilat samasta elementistä.

source_loaded

Kun tämä tapahtuma tapahtuu, lue siihen liittyvät tilat samasta elementistä.

playback_ready

Kun tämä tapahtuma tapahtuu, lue siihen liittyvät tilat samasta elementistä.

playing_changed

Kun tämä tapahtuma tapahtuu, lue siihen liittyvät tilat samasta elementistä.

time_changed

Kun tämä tapahtuma tapahtuu, lue siihen liittyvät tilat samasta elementistä.

ended

Kun tämä tapahtuma tapahtuu, lue siihen liittyvät tilat samasta elementistä.

tracks_changed

Kun tämä tapahtuma tapahtuu, lue siihen liittyvät tilat samasta elementistä.

fullscreen_changed

Kun tämä tapahtuma tapahtuu, lue siihen liittyvät tilat samasta elementistä.

player_error

Kun tämä tapahtuma tapahtuu, lue siihen liittyvät tilat samasta elementistä.

Kysymykset, joita kehittäjät esittävät

Voinko viedä valitun segmentin?

Ei. Seek ja koko näytön tila muuttavat toistoa, eivät videon bittejä.

Miten tilaus toimii?

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.

Aiheeseen liittyvät oppaat

Avun saamiseksi kerro, mitä lisäosaa ja laitetta käytät, mitä toimintoa yritit ja mitä tapahtui. Käytä esimerkkiä ilman henkilötietoja. Älä koskaan jaa avaintasi tai yksityisiä tiedostoja.