Audio Player Interface mat engem Beispilltitrill.
Audio Player Interface mat engem Beispilltitrill.
← All native Guide

Xodera Plugins · Bubble Native

Xodera Audio Player Native

Füügt e kloeren Audio-Player zu Léier, Stëmmmessagen oder Produktrekorden derbäi. Loosst d'Leit lauschteren, d'Geschwindegkeet änneren an vun hire gespäicherten Plaz aus weidergoen.

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.

Dokumentatioun iwwerkuckt 6 November 2026

Praktesch Beispiller

Stëmmnotizen an enger Ënnerstëtzungskonversatioun

E einfachen Dateilink féiert d'Benotzer eraus vun der Konversatioun a mécht laang Äntwerten schwéier ze iwwerkucken.

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

Plazéiert den Player an der Detailer vun der ausgewielener Noriicht. Loosst de Benotzer Play/Pause, Seek op e brauchbare Punkt an Set speed. Bind `is_active` un d'opp Konversatioun.

Benotzt `is_playing`, `current_time` an `duration` fir de Fortschrëtt ze weisen. Behält d'Message ID an Ärer App, sou datt en spéiden Event net eng aner Konversatioun aktualiséiere kann.

Bei `player_error`, weist `error_code` an offert Reload source; erhalen d'Noriicht a markéiert se ni als gehéiert no engem Feeler.

Nëmmen Ofspillen. Är App späichert de Lauschterfortschrëtt.

Setzt eng Sproochléierung op der gespäicherter Positioun weider

Learner mussen e schwéiere Passag nach eng Kéier spillen amplaz d'ganz Léiergang nees ze starten.

`source_url = Current Lesson’s audio URL`; `title = Current Lesson’s name`; déi lescht Positioun gehéiert zu deem Learner an der Léiergang an Ärer Datebank.

No `ready` fir déi aktuell Léiergang, Seek op déi gespäichert Sekonnen an waart bis de Benotzer Play. Benotzt Set speed fir méi lues Lauschteren. Späichert de Fortschrëtt mat Ärem eegene App-Workflow.

Liest `current_time` an `duration`. Bei `playback_ended` kann Är App e Lauschter-Milestone fir den aktuelle Lesson opzeichnen.

Falls d'Quell geännert ass, verwirft d'al Positioun bis déi Léiergang gelueden ass. Betraacht d'Abschloss vum Lauschteren net als Beweis datt de Learner verstanen huet oder eng Test bestanen ass.

Nëmmen Ofspillen. Är App späichert de Lauschterfortschrëtt.

Iwwerpréift e Audio-Attachment mat Zäitstempel-Kommentaren

Redakteren oder Trainer mussen vun engem Kommentar zum relevante Moment an enger Opnam sprangen.

`source_url = Selected Review’s recording URL`; all Kommentarë, déi vun der App gehéiert, späicheren hire eegene Sekonnen-Wäert; optional `waveform_peaks_json` enthält reell Peaks fir déi selwecht Opnam.

Klickt op e Kommentar → Seek op seng Sekonnen → Play. Bei Quellännerung, ersetzt oder läscht d'Peaks an bindt d'Ausgewielte Iwwerpréiwung erëm.

Weist `current_time` niewent Ärem Kommentar-Composer un. `waveform_available` weist Ärer UI ob tatsächlech geliwwert Peaks verfügbar sinn.

Begrenzt oder refuséiert veralt Zäittestempelen am Verglach zur aktueller Dauer an Ärer App. Wann keng richteg Spëtzen existéieren, weist d'normal Fortschrëttskontroll amplaz vun erfondener Audioanalyse.

Nëmmen Ofspillen. Är App späichert de Lauschterfortschrëtt.

Wat elo funktionéiert

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.

Den Workflow bauen

Benotzt déi verfügbar Beta-Aktiounen hei drënner a test d'Resultat op Äre Zielgeräter.

Dës Beispiller benotzen App-Recourcen wéi Lesson, Message an Order. Ersetzt se mat Äre eegenen Datentypen an Elementnimm. Beispill-Media-Adressë musse mat Äre eegenen Fichieren ersat ginn.

  1. Füügt d'Audio-Element derbäi. Setzt source_url = Selected Message's audio_url, title = Selected Message's sender_label an subtitle = Selected Message's date_label.

  2. Wann Dir richteg Waveform-Daten fir dës Opnam hutt, gitt se an waveform_peaks_json un. Anescht looss et eidel.

  3. Wann 'ready' optrëtt, benotzt Seek mat der gespäicherter Sekonnenzuel wann néideg. Loosst de Benotzer Play drécken. Benotzt Pause, Seek an Set speed fir d'Player-Buttons.

  4. Weist current_time an duration. Op playback_ended, späichert d'Hörerprogress fir d'ausgewielte Noriicht oder Léier. Setzt is_active op ob dës Vue op ass.

Workflow-Diagramm — net en App-Screenshot

Eenmal konfiguréieren

Erstellt oder wielt Äre Bubble App-Projet an BestPlugins → Dashboard → Plugins. Wielt Xodera Audio Player Native, kopéiert säi Schlëssel, dann opmaachen Bubble → Plugins → Xodera Audio Player Native an füügt en an licensing_api_key. Eenmol späicheren; dann d'Aktiounen hei drënner benotzen. All Plugin an all Projet huet säi eegene Schlëssel.

Benotzt eng direkt Audio-Datei-Adress déi d'App opmaache kann. Audio ofspillen erfuerdert keen Mikrofon- oder Kamera-Zougang.

Eenmal konfiguréieren
  1. Erstellt oder wielt Äre Bubble App-Projet bei BestPlugins → Dashboard → Plugins.
  2. Wielt dësen Plugin aus an kopéiert säi Projet-Schlëssel.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Füügt d'Element derbäi, wielt Är App-Daten an baut de Workflow hei drënner op.
  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.
Installatioun an Abonnement

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.

Späichert d'Resultat an Ärer App

Beispill ListeningProgress: owner = Current User, lesson = Selected Lesson, seconds = Audio Player's current_time, duration = Audio Player's duration. Späichere wann de Benotzer pauzéiert oder d'Léier verlooss, amplaz bei all Bildschierm-Update.

Feeler, annuléieren an Erhuelung

Op player_error, weist error_code an bidd Reload source un. Behält d'Noriicht oder Léierrekord. Wann eng aner Opnam ausgewielt gëtt, lued seng eegen gespäichert Positioun. Zréckkehren zur Vue start net automatesch d'Playback.

Fäegkeeten an Limiten

Playback-Geschwindegkeeten: 1, 1.5 an 2. Lautstärke: 0–1. Waveform-Daten: 2–2048 Wäerter tëscht 0 an 1. Ënnerstëtzt Audio-Formater hänken vum Gerät of. De Player hëlt keen Audio op, transkribéiert en net a späichert en net permanent fir Offline-Nutzung. Hannergrond- a Spärschierm-Playback sinn net garantéiert.

Astellungen, Aktiounen an Resultater

Benotzt dës Nimm an Bubble. Geplang Features sinn separat markéiert.

Verfügbare Beta-Astellungen

Element-Astellungen

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

Zoustänn

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

Evenementer

readyplayback_startedplayback_pausedplayback_endedseek_completedrate_changedplayer_error

Aktiounen an hir Inputen

PlayPauseToggleStopSeekSet speedSet volumeReload source
Element-Astellungen · 11
source_urltext · Standard: ""
Beispillwäerthttps://bestplugins.online/native-samples/lesson.mp3
Beispiel Bubble AusdrockSelected Message's audio_url
Adress vun der ausgewielten Audio-, Video- oder Bilddatei. Benotzt e Dateityp, deen dëse Plugin ënnerstëtzt.
waveform_peaks_jsontext · Standard: ""
Beispillwäert[0.1,0.4,0.2,0.7]
Beispiel Bubble AusdrockSelected Message's waveform_peaks_json
Echt normaliséiert Amplitudenwäerter fir dës Opnam; loosst eidel wann net verfügbar.
titletext · Standard: ""
BeispillwäertLesson 4 — review
Beispiel Bubble AusdrockSelected Lesson's name
Sichtbaren App-Text; eidel benotzt déi integriert lokaliséiert Kopie wou ënnerstëtzt. Kee Credenzial.
subtitletext · Standard: ""
BeispillwäertTeacher · today
Beispiel Bubble AusdrockSelected Message's sender_label
Sichtbaren App-Text; eidel benotzt déi integriert lokaliséiert Kopie wou ënnerstëtzt. Kee Credenzial.
playback_ratenumber · Standard: 1
Beispillwäert1.5
Beispiel Bubble AusdrockCurrent User's listening_speed
Benotzt de Wäert vum aktuelle Geschäftsdatenbank-Datensatz; validéiert en géint d'Grenzwerte hei drënner.
volumenumber · Standard: 1
Beispillwäert0.8
Beispiel Bubble AusdrockVolume Slider's value
Benotzt de Wäert vum aktuelle Geschäftsdatenbank-Datensatz; validéiert en géint d'Grenzwerte hei drënner.
loopyes_no · Standard: false
Beispillwäertno
Beispiel Bubble AusdrockSelected Lesson's repeat_enabled
Benotzt de Wäert vum aktuelle Geschäftsdatenbank-Datensatz; validéiert en géint d'Grenzwerte hei drënner.
is_activeyes_no · Standard: true
Beispillwäertyes
Beispiel Bubble AusdrockGuideHost's view_is_active (your yes/no custom state)
Setzt Ja, soulaang dës Vue op ass. Setzt Nee beim Verloossen, sou datt d'Playback oder d'aktuell Aarbecht gestoppt ka ginn.
disabledyes_no · Standard: false
Beispillwäertno
Beispiel Bubble AusdrockGuideHost's is_busy (your yes/no custom state)
Desaktivéiert d'Element, wann Är App beschäftegt ass oder dës Aktioun net verfügbar ass.
ui_text_jsontext · Standard: ""
Beispillwäert{}
Beispiel Bubble AusdrockApp Settings' player_labels_json (supported keys only)
Optional JSON mat ënnerstëtzten Knäppchenbeschrëftungen. Loosst eidel fir den integrierten Text ze benotzen.
languagetext · Standard: "auto"
Beispillwäertuk
Beispiel Bubble AusdrockCurrent User's preferred_language
Setzt language=auto fir eng ënnerstëtzt Apparat oder Browser-Sprooch ze verfollegen. Gitt e ënnerstëtzte Sproochcode an fir se explizit auszewielen.
Aktiounen an hir Inputen · 8
Play

Keng Aktiounsparameter

Pause

Keng Aktiounsparameter

Toggle

Keng Aktiounsparameter

Stop

Keng Aktiounsparameter

Seek
secondsnumber · Standard: —
Beispillwäert12
Beispiel Bubble AusdrockSelected Comment's seconds
Benotzt de Wäert vum aktuelle Geschäftsdatenbank-Datensatz; validéiert en géint d'Grenzwerte hei drënner.
Set speed
ratenumber · Standard: —
Beispillwäert1.5
Beispiel Bubble AusdrockSpeed Dropdown's value
Benotzt de Wäert vum aktuelle Geschäftsdatenbank-Datensatz; validéiert en géint d'Grenzwerte hei drënner.
Set volume
volumenumber · Standard: —
Beispillwäert0.8
Beispiel Bubble AusdrockVolume Slider's value
Benotzt de Wäert vum aktuelle Geschäftsdatenbank-Datensatz; validéiert en géint d'Grenzwerte hei drënner.
Reload source

Keng Aktiounsparameter

Zoustänn an Evenementer

Zoustänn

player_status · text

Aktuellt Resultat vun dëser Aktioun. Benotzt den entspriechende Ofschloss-Event ier Dir de Succès späichert.

is_playing · yes_no

Aktuellen Wäert fir dat ausgewielte Element. Liest et no dem verbonne Event.

is_loaded · yes_no

Aktuellen Wäert fir dat ausgewielte Element. Liest et no dem verbonne Event.

is_buffering · yes_no

Aktuellen Wäert fir dat ausgewielte Element. Liest et no dem verbonne Event.

current_time · number

Aktuellen Wäert fir dat ausgewielte Element. Liest et no dem verbonne Event.

duration · number

Aktuellen Wäert fir dat ausgewielte Element. Liest et no dem verbonne Event.

progress · number

Aktuellen Wäert fir dat ausgewielte Element. Liest et no dem verbonne Event.

playback_rate · number

Aktuellen Wäert fir dat ausgewielte Element. Liest et no dem verbonne Event.

volume · number

Aktuellen Wäert fir dat ausgewielte Element. Liest et no dem verbonne Event.

is_looping · yes_no

Aktuellen Wäert fir dat ausgewielte Element. Liest et no dem verbonne Event.

waveform_available · yes_no

Aktuellen Wäert fir dat ausgewielte Element. Liest et no dem verbonne Event.

waveform_status · text

Aktuellt Resultat vun dëser Aktioun. Benotzt den entspriechende Ofschloss-Event ier Dir de Succès späichert.

error_code · text

Feelinformatioun fir déi lescht Aktioun. Weist eng hëllefräich Noriicht an bidd de passende Wiederhuelungsversuch un.

Evenementer

ready

Wann dëst Evenement optrëtt, lies d'verbonne Stänn vum selwechten Element.

playback_started

Wann dëst Evenement optrëtt, lies d'verbonne Stänn vum selwechten Element.

playback_paused

Wann dëst Evenement optrëtt, lies d'verbonne Stänn vum selwechten Element.

playback_ended

Wann dëst Evenement optrëtt, lies d'verbonne Stänn vum selwechten Element.

seek_completed

Wann dëst Evenement optrëtt, lies d'verbonne Stänn vum selwechten Element.

rate_changed

Wann dëst Evenement optrëtt, lies d'verbonne Stänn vum selwechten Element.

player_error

Wann dëst Evenement optrëtt, lies d'verbonne Stänn vum selwechten Element.

Froen déi Entwéckler stellen

Erstellt et d'Wellenform?

Nee. Liwwert reell normaliséiert Peaks fir dës Quell; normal Fortschrëtt funktionéiert ouni se.

Wéi funktionéiert d'Abonnement?

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.

Zesummehangend Guides

Fir Hëllef, sot eis, wéi en Plugin a Gerät Dir benotzt, d'Aktioun déi Dir probéiert hutt an wat geschitt ass. Benotzt e Beispill ouni perséinlech Daten. Deelt ni Ären Schlëssel oder privat Fichieren.