Audio Player-ynterface mei in foarbyldtitel.
Audio Player-ynterface mei in foarbyldtitel.
← Alle Bubble Native-gidsen

Xodera Plugins · Bubble Native

Xodera Audio Player Native

Foegje in dúdlike audio-spiler ta oan lesjes, stimberjochten of produktrecords. Lit minsken harkje, de snelheid feroarje en trochgean fan harren bewarre posysje.

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

Stimnotys binnen in stipepetear

In ienfâldige bestânskeppeling ferstjoert brûkers fuort fan it petear en makket lange antwurden swier om te beoardielen.

`source_url = Selected Message’s audio URL`; `title = Selected Message’s sender label`; `subtitle = Selected Message’s timestamp`.

Set de spiler yn de detail fan it selektearre berjocht. Lit de brûker Play/Pause, Seek nei in nuttich punt en Set speed. Bind `is_active` oan it iepen petear.

Brûk `is_playing`, `current_time` en `duration` om de foarútgong sjen te litten. Hâld de Message-ID yn jo app, sadat in let oankommend evenemint gjin oar petear bywurkje kin.

Lit by `player_error` de `error_code` sjen en bied Reload source oan; behâld it berjocht en markearje it nei in flater nea as beharke.

Allinnich ôfspyljen. Dyn app bewarret de lústerfoarútgong.

Ferfetsje in taalles op de bewarre posysje

Learners moatte in drege fragmint opnij ôfspylje ynstee fan de hiele les opnij te starten.

`source_url = Current Lesson’s audio URL`; `title = Current Lesson’s name`; de lêste posysje heart ta dy learling en les yn dyn database.

Nei `ready` foar de hjoeddeiske les, Seek nei de bewarre sekonden en wachtsje op de brûker om Play. Brûk Set speed foar stadiger lúster. Bewarje foarútgong mei dyn eigen app-werkwurk.

Lês `current_time` en `duration`. Op `playback_ended`, kin dyn app in lústermijlpaal registrearje foar de hjoeddeiske Lesson.

As de boarne wizige is, smyt de âlde posysje fuort oant dy les laden is. Sjoch it ôfspyljen fan in les net as bewiis dat de learling begrepen hat of in test passe is.

Allinnich ôfspyljen. Dyn app bewarret de lústerfoarútgong.

Beoardiel in audio-bylag mei tiidstempelde opmerkingen

Bewirkers of trainers moatte fan in opmerking nei it relevante momint yn in opname springe.

`source_url = Selected Review’s recording URL`; elk Comment-record fan de app bewarret syn eigen wearde yn sekonden; de opsjonele `waveform_peaks_json` befettet echte piken foar deselde opname.

Klik op in Opmerking → Seek nei syn sekonden → Play. By boarne-wiziging, ferfarskje of wiskje de pieken en bind de selektearre Review opnij.

Lit `current_time` neist it ynfierfjild foar opmerkingen sjen. `waveform_available` fertelt de ynterface oft de oanlevere echte piken beskikber binne.

Behein ferâldere tiidstimpels ta de hjoeddeiske opnamedoer yn jo app, of wiis se ôf. As der gjin echte piken binne, lit dan de gewoane foarútgongskontrôle sjen ynstee fan betochte audio-analyze.

Allinnich ôfspyljen. Dyn app bewarret de lústerfoarútgong.

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. Foegje it audio-elemint ta. Stel source_url = Selected Message's audio_url, title = Selected Message's sender_label en subtitle = Selected Message's date_label yn.

  2. As jo echte waveform-gegevens hawwe foar dizze opname, lever se yn waveform_peaks_json. Oars lit it leech.

  3. As ready optreedt, brûk Seek mei it bewarre tal sekonden as dat nedich is. Lit de brûker op Play drukke. Brûk Pause, Seek en Set speed foar de knoppen fan de spiler.

  4. Lit current_time en duration sjen. Bewarje by playback_ended de harkfoarútgong foar it selektearre berjocht of de les. Stel is_active yn op oft dit skerm iepen is.

Workflow-diagram — gjin app-skermôfdruk

Ien kear konfigurearje

Meitsje of kies jo Bubble app-projekt yn BestPlugins → Dashboard → Plugins. Kies Xodera Audio Player Native, kopiearje de kaai, iepenje dan Bubble → Plugins → Xodera Audio 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 audio-bestânsadres dy't de app iepenje kin. It ôfspyljen fan audio fereasket gjin mikrofoan- of kamera-tagong.

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 ListeningProgress: owner = Current User, lesson = Selected Lesson, seconds = Audio Player's current_time, duration = Audio Player's duration. Bewarje as de brûker pauzearret of de les ferlit, ynstee fan by elke skermfernijing.

Mislearjen, annulearjen en herstellen

Op player_error, toan error_code en bied Reload source oan. Bewarje it berjocht- of lesrecord. As in oare opname selektearre wurdt, laad de eigen bewarre posysje. Weromgean nei it werjefte start ôfspyljen net automatysk.

Moglikheden en limiten

Ôfspylsnelheden: 1, 1.5 en 2. Folume: 0–1. Waveform-gegevens: 2–2048 wearden tusken 0 en 1. Stipe audioformaten hingje ôf fan it apparaat. De spiler nimt gjin audio op, transkribeart it net en bewarret audio net permanint foar offline gebrûk. Eftergrûn- en slot-skermôfspyljen binne net garandearre.

Ynstellings, aksjes en resultaten

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

Bêta-ynstellingen beskikber

Elemintynstellingen

source_url · textwaveform_peaks_json · texttitle · textsubtitle · textplayback_rate · numbervolume · numberloop · yes_nois_active · yes_nodisabled · yes_noui_text_json · textlanguage · text

Steaten

player_status · textis_playing · yes_nois_loaded · yes_nois_buffering · yes_nocurrent_time · numberduration · numberprogress · numberplayback_rate · numbervolume · numberis_looping · yes_nowaveform_available · yes_nowaveform_status · texterror_code · text

Eveneminten

readyplayback_startedplayback_pausedplayback_endedseek_completedrate_changedplayer_error

Aksjes en harren ynputs

PlayPauseToggleStopSeekSet speedSet volumeReload source
Elemintynstellingen · 11
source_urltext · Standert: ""
Foarbyldweardehttps://bestplugins.online/native-samples/lesson.mp3
Foarbyld Bubble útdrukkingSelected Message's audio_url
Adres fan it selektearre audio-, video- of ôfbyldingsbestân. Brûk in bestânstype dy't dizze plugin stipet.
waveform_peaks_jsontext · Standert: ""
Foarbyldwearde[0.1,0.4,0.2,0.7]
Foarbyld Bubble útdrukkingSelected Message's waveform_peaks_json
Wiere genormaliseerde amplitude-waarden foar dizze opname; lit leech as net beskikber.
titletext · Standert: ""
FoarbyldweardeLesson 4 — review
Foarbyld Bubble útdrukkingSelected Lesson's name
Sichtbere app-tekst; lit dit leech om de ynboude oersette tekst te brûken wêr't dy beskikber is. Set hjir gjin geheime oanmeldgegevens yn.
subtitletext · Standert: ""
FoarbyldweardeTeacher · today
Foarbyld Bubble útdrukkingSelected Message's sender_label
Sichtbere app-tekst; lit dit leech om de ynboude oersette tekst te brûken wêr't dy beskikber is. Set hjir gjin geheime oanmeldgegevens yn.
playback_ratenumber · Standert: 1
Foarbyldwearde1.5
Foarbyld Bubble útdrukkingCurrent User's listening_speed
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.
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.
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 · 8
Play

Gjin aksjeparameters

Pause

Gjin aksjeparameters

Toggle

Gjin aksjeparameters

Stop

Gjin aksjeparameters

Seek
secondsnumber · Standert: —
Foarbyldwearde12
Foarbyld Bubble útdrukkingSelected Comment's seconds
Brûk de wearde fan it hjoeddeiske saaklike rekord; falidearje it tsjin de hjirûnder steande limiten.
Set speed
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.
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.
Reload source

Gjin aksjeparameters

Steaten en eveneminten

Steaten

player_status · text

Hjoeddeisk resultaat fan dizze aksje. Brûk it oerienkommende foltôgingsevenemint foardat jo sukses bewarje.

is_playing · yes_no

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

is_loaded · 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.

current_time · number

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

duration · number

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

progress · number

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

playback_rate · 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.

is_looping · yes_no

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

waveform_available · yes_no

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

waveform_status · text

Hjoeddeisk resultaat fan dizze aksje. Brûk it oerienkommende foltôgingsevenemint foardat jo sukses bewarje.

error_code · text

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

Eveneminten

ready

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

playback_started

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

playback_paused

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

playback_ended

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

seek_completed

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

rate_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

Makket it de golfvorm?

Nee. Lever echte genormaliseerde pieken foar dy boarne; gewoane foarútgong wurket sûnder harren.

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.