Audio Player grensesnitt med ein dømetittel.
Audio Player grensesnitt med ein dømetittel.
← Alle innebygde rettleiingar

Xodera Plugins · Bubble Native

Xodera Audio Player Native

Legg til ein klar lydspelar i leksjonar, talemeldingar eller produktregistreringar. La folk lytte, endre fart og halde fram frå lagra posisjon.

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.

Dokumentasjon gjennomgått 6 november 2026

Praktiske døme

Talemeldingar i ein støttesamtale

Ein enkel fillenke sender brukarar vekk frå samtalen og gjer lange svar vanskelege å gå gjennom.

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

Plasser spelaren i detaljen for den valde meldinga. La brukaren Play/Pause, Seek til eit nyttig punkt og Set speed. Bind `is_active` til den opne samtalen.

Bruk `is_playing`, `current_time` og `duration` for å vise framdrift. Behald Message‑ID-en i appen din slik at ein sein hending ikkje kan oppdatere ein annan samtale.

Ved `player_error`, vis `error_code` og tilby Reload source; bevar meldinga og aldri merk den som lytta etter ein feil.

Berre avspeling. Appen din lagrar lyttingsframdrift.

Gjenoppta ein språkleksjon på den lagra posisjonen

Elevar må kunna spela av ein vanskeleg passage på nytt i staden for å starte heile leksjonen på nytt.

`source_url = Current Lesson’s audio URL`; `title = Current Lesson’s name`; den siste posisjonen tilhøyrer den eleven og leksjonen i databasen din.

Etter `ready` for den aktuelle leksjonen, Seek til dei lagra sekundene og vent på at brukaren Play. Bruk Set speed for langsommare lytting. Lagre framdrift med ditt eige app‑arbeidsflyt.

Les `current_time` og `duration`. Ved `playback_ended` kan appen din registrere ein lyttingsmilepæl for den aktuelle Lesson.

Viss kjelda har endra seg, forkast den gamle posisjonen til leksjonen er lasta. Ikkje behandl fullført lytting som bevis på at eleven har forstått eller bestått ein test.

Berre avspeling. Appen din lagrar lyttingsframdrift.

Gjennomgå eit lydvedlegg med tidsstemplede kommentarar

Redaktørar eller trenarar treng å hoppe frå ein kommentar til det relevante tidspunktet i ein opptaking.

`source_url = Selected Review’s recording URL`; kvar app‑eigd kommentar lagrar sin eigen sekundverdi; valfri `waveform_peaks_json` inneheld ekte toppar for den same opptakinga.

Klikk ein kommentar → Seek til dens sekund → Play. Ved kjeldeendring, erstatt eller fjern toppane og bind den valde gjennomgangen på nytt.

Vis `current_time` ved sidan av kommentarskrivinga di. `waveform_available` fortel UI-en din om faktiske leverte toppar er tilgjengelege.

Fest eller avvis utdaterte tidsstempel mot den gjeldande varigheten i appen din. Når ingen reelle toppar finst, vis den vanlege framdriftskontrollen i staden for oppfunnen lydanalyse.

Berre avspeling. Appen din lagrar lyttingsframdrift.

Kva som fungerer no

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.

Bygg arbeidsflyten

Bruk dei tilgjengelege beta‑handlingane nedanfor og test resultatet på einingane du skal bruke.

Desse døma bruker app‑registreringar som Lesson, Message og Order. Byt dei ut med eigne datatypar og elementnamn. Eksempel‑medieadresser må erstattast med eigne filer.

  1. Legg til lyd‑elementet. Set source_url = Selected Message's audio_url, title = Selected Message's sender_label og subtitle = Selected Message's date_label.

  2. Viss du har ekte bølgeformdata for denne opptaket, send det i waveform_peaks_json. Elles la det stå tomt.

  3. Når ready-hendinga oppstår, bruk Seek med det lagra talet på sekund om nødvendig. La brukaren trykke Play. Bruk Pause, Seek og Set speed for spelar‑knappane.

  4. Vis current_time og duration. På playback_ended, lagre lyttingsframdrift for den valde meldinga eller leksjonen. Set is_active til om denne visinga er open.

Arbeidsflytdiagram — ikkje eit app‑skjermbilde

Konfigurer ein gong

Opprett eller vel ditt Bubble‑app‑prosjekt i BestPlugins → Dashboard → Plugins. Vel Xodera Audio Player Native, kopier nøkkelen, og opna deretter Bubble → Plugins → Xodera Audio Player Native og lim den inn i licensing_api_key. Lagre ein gong; bruk så handlingane nedanfor. Kvar plugin i kvart prosjekt har sin eigen nøkkel.

Bruk ein direkte lydfil‑adresse som appen kan opna. Avspeling av lyd krev ikkje tilgang til mikrofon eller kamera.

Konfigurer ein gong
  1. Opprett eller vel ditt Bubble‑app‑prosjekt på BestPlugins → Dashboard → Plugins.
  2. Vel denne plugin‑en og kopier prosjekt­nøkkelen.
  3. Open Bubble → Plugins → this plugin. Paste its project key into licensing_api_key and save.
  4. Legg til elementet, vel app‑dataa dine og bygg arbeidsflyten nedanfor.
  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.
Installasjon og 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.

Lagre resultatet i appen din

Døme ListeningProgress: owner = Current User, lesson = Selected Lesson, seconds = Audio Player's current_time, duration = Audio Player's duration. Lagre når brukaren pausear eller forlèt leksjonen, i staden for ved kvar skjermoppdatering.

Feil, avbryt og gjenoppretting

På player_error, vis error_code og tilby Reload source. Behald meldinga eller leksjons­rekorden. Når ein annan opptak er vald, last inn den eigen lagra posisjon. Å gå tilbake til visinga startar ikkje avspeling automatisk.

Evner og grenser

Avspelingsfartar: 1, 1.5 og 2. Volum: 0–1. Bølgeformdata: 2–2048 verdiar mellom 0 og 1. Støtta lydformat avhenger av eininga. Spelaren spelar ikkje inn, transkriberer eller lagrar lyd permanent for offline‑bruk. Avspeling i bakgrunnen og på låseskjermen er ikkje garantert.

Innstillingar, handlingar og resultat

Bruk desse namna i Bubble. Planlagde funksjonar er merkte separat.

Tilgjengelege beta‑innstillingar

Elementinnstillingar

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

Tilstandar

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

Hendingar

readyplayback_startedplayback_pausedplayback_endedseek_completedrate_changedplayer_error

Handlingar og deira innspel

PlayPauseToggleStopSeekSet speedSet volumeReload source
Elementinnstillingar · 11
source_urltext · Standard: ""
Dømeverdihttps://bestplugins.online/native-samples/lesson.mp3
Døme Bubble uttrykkSelected Message's audio_url
Adresse til den valde lyd‑, video‑ eller bildefila. Bruk ein filtype som dette programtillegget støttar.
waveform_peaks_jsontext · Standard: ""
Dømeverdi[0.1,0.4,0.2,0.7]
Døme Bubble uttrykkSelected Message's waveform_peaks_json
Reelle normaliserte amplitudeverdar for denne opptaket; la stå tomt om dei ikkje er tilgjengelege.
titletext · Standard: ""
DømeverdiLesson 4 — review
Døme Bubble uttrykkSelected Lesson's name
Synleg app‑tekst; tomt bruker innebygd lokalisert kopi der støtta. Ingen legitimasjon.
subtitletext · Standard: ""
DømeverdiTeacher · today
Døme Bubble uttrykkSelected Message's sender_label
Synleg app‑tekst; tomt bruker innebygd lokalisert kopi der støtta. Ingen legitimasjon.
playback_ratenumber · Standard: 1
Dømeverdi1.5
Døme Bubble uttrykkCurrent User's listening_speed
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
volumenumber · Standard: 1
Dømeverdi0.8
Døme Bubble uttrykkVolume Slider's value
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
loopyes_no · Standard: false
Dømeverdino
Døme Bubble uttrykkSelected Lesson's repeat_enabled
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
is_activeyes_no · Standard: true
Dømeverdiyes
Døme Bubble uttrykkGuideHost's view_is_active (your yes/no custom state)
Set ja medan denne visinga er open. Set nei ved avslutting, slik at avspeling eller pågåande arbeid kan stoppe.
disabledyes_no · Standard: false
Dømeverdino
Døme Bubble uttrykkGuideHost's is_busy (your yes/no custom state)
Deaktiver elementet medan appen din er opptatt eller handlinga er utilgjengeleg.
ui_text_jsontext · Standard: ""
Dømeverdi{}
Døme Bubble uttrykkApp Settings' player_labels_json (supported keys only)
Valfri JSON med støtta knappetekstar. La stå tomt for å bruke den innebygde teksten.
languagetext · Standard: "auto"
Dømeverdiuk
Døme Bubble uttrykkCurrent User's preferred_language
Set language=auto til å følgje ein støtta eining eller nettlesarspråk. Skriv inn ein støtta språkkode for å velje den eksplisitt.
Handlingar og deira innspel · 8
Play

Ingen handlingsparametrar

Pause

Ingen handlingsparametrar

Toggle

Ingen handlingsparametrar

Stop

Ingen handlingsparametrar

Seek
secondsnumber · Standard: —
Dømeverdi12
Døme Bubble uttrykkSelected Comment's seconds
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Set speed
ratenumber · Standard: —
Dømeverdi1.5
Døme Bubble uttrykkSpeed Dropdown's value
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Set volume
volumenumber · Standard: —
Dømeverdi0.8
Døme Bubble uttrykkVolume Slider's value
Bruk den gjeldande forretningspostens verdi; valider den mot grensa nedanfor.
Reload source

Ingen handlingsparametrar

Tilstandar og hendingar

Tilstandar

player_status · text

Noverande resultat av denne handlinga. Bruk den tilsvarande fullføringshendinga før du lagrar suksess.

is_playing · yes_no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

is_loaded · yes_no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

is_buffering · yes_no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

current_time · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

duration · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

progress · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

playback_rate · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

volume · number

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

is_looping · yes_no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

waveform_available · yes_no

Noverande verdi for det valde elementet. Les den etter den tilknytte hendinga.

waveform_status · text

Noverande resultat av denne handlinga. Bruk den tilsvarande fullføringshendinga før du lagrar suksess.

error_code · text

Feilinformasjon for den siste handlinga. Vis ein hjelpsam melding og tilby den relevante omstarten.

Hendingar

ready

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

playback_started

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

playback_paused

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

playback_ended

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

seek_completed

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

rate_changed

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

player_error

Når denne hendinga skjer, les dei tilknytte tilstandane frå same element.

Spørsmål utviklarar stiller

Opprettar den bølgjeforma?

Nei. Lever ekte normaliserte toppar for den kjelda; vanleg framdrift fungerer utan dei.

Korleis fungerer abonnementet?

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.

Relaterte vegvisar

For hjelp, fortel oss kva plugin og eining du bruker, handlinga du prøvde og kva som skjedde. Bruk eit døme utan personopplysningar. Del aldri nøkkelen din eller private filer.