Audio Player-grensesnitt med en eksempel-tittel.
Audio Player-grensesnitt med en eksempel-tittel.
← Alle innebygde veiledninger

Xodera Plugins · Bubble Native

Xodera Audio Player Native

Legg til en klar lydspiller i leksjoner, talebeskjeder eller produktoppføringer. La brukerne lytte, endre hastighet og fortsette fra deres lagrede 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 eksempler

Talebeskjeder i en support-samtale

En enkel filkobling sender brukere bort fra samtalen og gjør lange svar vanskelige å gjennomgå.

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

Plasser spilleren i detaljen for den valgte meldingen. La brukeren Play/Pause, Seek til et nyttig punkt og Set speed. Bind `is_active` til den åpne samtalen.

Bruk `is_playing`, `current_time` og `duration` for å vise fremdrift. Behold Message‑ID-en i appen din slik at en sen hendelse ikke kan oppdatere en annen samtale.

Ved `player_error`, vis `error_code` og tilby Reload source; behold meldingen og merk den aldri som lyttet etter en feil.

Kun avspilling. Appen din lagrer lyttingsfremdrift.

Gjenoppta en språkleksjon på den lagrede posisjonen

Elever må kunne spille av en vanskelig del på nytt i stedet for å starte hele leksjonen på nytt.

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

Etter `ready` for den aktuelle leksjonen, Seek til de lagrede sekundene og vent på at brukeren Play. Bruk Set speed for langsommere lytting. Lagre fremdrift med din egen app‑arbeidsflyt.

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

Hvis kilden endres, forkast den gamle posisjonen til leksjonen er lastet. Ikke betrakt fullført lytting som bevis på at eleven har forstått eller bestått en test.

Kun avspilling. Appen din lagrer lyttingsfremdrift.

Gjennomgå et lydvedlegg med tidsstemplede kommentarer

Redaktører eller trenere må hoppe fra en kommentar til det relevante øyeblikket i en opptak.

`source_url = Selected Review’s recording URL`; hver app-eid Kommentar lagrer sin egen sekundverdi; valgfri `waveform_peaks_json` inneholder ekte topper for samme opptak.

Klikk en Kommentar → Seek til dens sekunder → Play. Ved kildeendring, erstatt eller fjern toppene og bind den valgte Gjennomgangen på nytt.

Vis `current_time` ved siden av kommentarskriveren din. `waveform_available` forteller UI-en om faktiske leverte topper er tilgjengelige.

Klem eller avvis utdaterte tidsstempler mot den nåværende varigheten i appen din. Når ingen reelle topper finnes, vis den vanlige fremdriftskontrollen i stedet for oppfunnet lydanalyse.

Kun avspilling. Appen din lagrer lyttingsfremdrift.

Hva fungerer nå

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 de tilgjengelige beta‑handlingene nedenfor og test resultatet på dine mål‑enheter.

Disse eksemplene bruker app‑poster som Lesson, Message og Order. Erstatt dem med dine egne datatyper og elementnavn. Eksempel‑medieadresser må erstattes med dine egne filer.

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

  2. Hvis du har ekte bølgeformdata for denne innspillingen, send dem i waveform_peaks_json. La den ellers stå tom.

  3. Når ready-hendelsen inntreffer, bruk Seek med det lagrede antallet sekunder om nødvendig. La brukeren trykke på Play. Bruk Pause, Seek og Set speed for spillerknappene.

  4. Vis current_time og duration. På playback_ended, lagre lyttings‑progresjon for den valgte meldingen eller leksjonen. Angi is_active til om denne visningen er åpen.

Arbeidsflytdiagram — ikke et app‑skjermbilde

Konfigurer én gang

Opprett eller velg ditt Bubble‑app‑prosjekt i BestPlugins → Dashboard → Plugins. Velg Xodera Audio Player Native, kopier nøkkelen, åpne deretter Bubble → Plugins → Xodera Audio Player Native og lim den inn i licensing_api_key. Lagre én gang; bruk deretter handlingene nedenfor. Hver plugin i hvert prosjekt har sin egen nøkkel.

Bruk en direkte lydfil‑adresse som appen kan åpne. Avspilling av lyd krever ikke mikrofon‑ eller kameratilgang.

Konfigurer én gang
  1. Opprett eller velg ditt Bubble‑app‑prosjekt på BestPlugins → Dashboard → Plugins.
  2. Velg 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, velg app‑dataene dine og bygg arbeidsflyten nedenfor.
  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

Eksempel ListeningProgress: owner = Current User, lesson = Selected Lesson, seconds = Audio Player's current_time, duration = Audio Player's duration. Lagre når brukeren pause­r eller forlater leksjonen, i stedet for ved hver skjermoppdatering.

Feil, avbryt og gjenoppretting

På player_error, vis error_code og tilby Reload source. Behold meldings- eller leksjonsposten. Når en annen innspilling velges, last inn dens egen lagrede posisjon. Å gå tilbake til visningen starter ikke avspilling automatisk.

Funksjoner og begrensninger

Avspillingshastigheter: 1, 1.5 og 2. Volum: 0–1. Bølgeformdata: 2–2048 verdier mellom 0 og 1. Støttede lydformater avhenger av enheten. Spilleren tar ikke opp, transkriberer eller lagrer lyd permanent for offline‑bruk. Bakgrunns‑ og låseskjermavspilling er ikke garantert.

Innstillinger, handlinger og resultater

Bruk disse navnene i Bubble. Planlagte funksjoner er merket separat.

Tilgjengelige beta‑innstillinger

Elementinnstillinger

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

Tilstander

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

Hendelser

readyplayback_startedplayback_pausedplayback_endedseek_completedrate_changedplayer_error

Handlinger og deres innganger

PlayPauseToggleStopSeekSet speedSet volumeReload source
Elementinnstillinger · 11
source_urltext · Standard: ""
Eksempelverdihttps://bestplugins.online/native-samples/lesson.mp3
Eksempel Bubble uttrykkSelected Message's audio_url
Adresse til den valgte lyd-, video- eller bildefilen. Bruk en filtype som dette plugin‑programmet støtter.
waveform_peaks_jsontext · Standard: ""
Eksempelverdi[0.1,0.4,0.2,0.7]
Eksempel Bubble uttrykkSelected Message's waveform_peaks_json
Ekte normaliserte amplitudeverdier for dette opptaket; la stå tomt hvis utilgjengelig.
titletext · Standard: ""
EksempelverdiLesson 4 — review
Eksempel Bubble uttrykkSelected Lesson's name
Synlig app‑tekst; tomt bruker innebygd lokalisert kopi der det støttes. Ingen legitimasjon.
subtitletext · Standard: ""
EksempelverdiTeacher · today
Eksempel Bubble uttrykkSelected Message's sender_label
Synlig app‑tekst; tomt bruker innebygd lokalisert kopi der det støttes. Ingen legitimasjon.
playback_ratenumber · Standard: 1
Eksempelverdi1.5
Eksempel Bubble uttrykkCurrent User's listening_speed
Bruk den nåværende forretningspostens verdi; valider den mot grensene nedenfor.
volumenumber · Standard: 1
Eksempelverdi0.8
Eksempel Bubble uttrykkVolume Slider's value
Bruk den nåværende forretningspostens verdi; valider den mot grensene nedenfor.
loopyes_no · Standard: false
Eksempelverdino
Eksempel Bubble uttrykkSelected Lesson's repeat_enabled
Bruk den nåværende forretningspostens verdi; valider den mot grensene nedenfor.
is_activeyes_no · Standard: true
Eksempelverdiyes
Eksempel Bubble uttrykkGuideHost's view_is_active (your yes/no custom state)
Sett ja mens denne visningen er åpen. Sett nei ved avslutning, slik at avspilling eller pågående arbeid kan stoppes.
disabledyes_no · Standard: false
Eksempelverdino
Eksempel Bubble uttrykkGuideHost's is_busy (your yes/no custom state)
Deaktiver elementet mens appen din er opptatt eller handlingen er utilgjengelig.
ui_text_jsontext · Standard: ""
Eksempelverdi{}
Eksempel Bubble uttrykkApp Settings' player_labels_json (supported keys only)
Valgfri JSON med støttede knappetiketter. La stå tomt for å bruke den innebygde teksten.
languagetext · Standard: "auto"
Eksempelverdiuk
Eksempel Bubble uttrykkCurrent User's preferred_language
Sett language=auto til å følge en støttet enhet eller nettleserspråk. Skriv inn en støttet språkkode for å velge den eksplisitt.
Handlinger og deres innganger · 8
Play

Ingen handlingsparametere

Pause

Ingen handlingsparametere

Toggle

Ingen handlingsparametere

Stop

Ingen handlingsparametere

Seek
secondsnumber · Standard: —
Eksempelverdi12
Eksempel Bubble uttrykkSelected Comment's seconds
Bruk den nåværende forretningspostens verdi; valider den mot grensene nedenfor.
Set speed
ratenumber · Standard: —
Eksempelverdi1.5
Eksempel Bubble uttrykkSpeed Dropdown's value
Bruk den nåværende forretningspostens verdi; valider den mot grensene nedenfor.
Set volume
volumenumber · Standard: —
Eksempelverdi0.8
Eksempel Bubble uttrykkVolume Slider's value
Bruk den nåværende forretningspostens verdi; valider den mot grensene nedenfor.
Reload source

Ingen handlingsparametere

Tilstander og hendelser

Tilstander

player_status · text

Nåværende resultat av denne handlingen. Bruk den tilsvarende fullførings‑hendelsen før du lagrer suksess.

is_playing · yes_no

Nåværende verdi for det valgte elementet. Les den etter den relaterte hendelsen.

is_loaded · yes_no

Nåværende verdi for det valgte elementet. Les den etter den relaterte hendelsen.

is_buffering · yes_no

Nåværende verdi for det valgte elementet. Les den etter den relaterte hendelsen.

current_time · number

Nåværende verdi for det valgte elementet. Les den etter den relaterte hendelsen.

duration · number

Nåværende verdi for det valgte elementet. Les den etter den relaterte hendelsen.

progress · number

Nåværende verdi for det valgte elementet. Les den etter den relaterte hendelsen.

playback_rate · number

Nåværende verdi for det valgte elementet. Les den etter den relaterte hendelsen.

volume · number

Nåværende verdi for det valgte elementet. Les den etter den relaterte hendelsen.

is_looping · yes_no

Nåværende verdi for det valgte elementet. Les den etter den relaterte hendelsen.

waveform_available · yes_no

Nåværende verdi for det valgte elementet. Les den etter den relaterte hendelsen.

waveform_status · text

Nåværende resultat av denne handlingen. Bruk den tilsvarende fullførings‑hendelsen før du lagrer suksess.

error_code · text

Feilinformasjon for den siste handlingen. Vis en hjelpsom melding og tilby relevant gjenforsøk.

Hendelser

ready

Når denne hendelsen oppstår, les de relaterte tilstandene fra samme element.

playback_started

Når denne hendelsen oppstår, les de relaterte tilstandene fra samme element.

playback_paused

Når denne hendelsen oppstår, les de relaterte tilstandene fra samme element.

playback_ended

Når denne hendelsen oppstår, les de relaterte tilstandene fra samme element.

seek_completed

Når denne hendelsen oppstår, les de relaterte tilstandene fra samme element.

rate_changed

Når denne hendelsen oppstår, les de relaterte tilstandene fra samme element.

player_error

Når denne hendelsen oppstår, les de relaterte tilstandene fra samme element.

Spørsmål utviklere stiller

Oppretter den bølgeformen?

Nei. Lever ekte normaliserte topper for den kilden; vanlig fremdrift fungerer uten dem.

Hvordan 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 veiledninger

For hjelp, fortell oss hvilken plugin og enhet du bruker, handlingen du prøvde og hva som skjedde. Bruk et eksempel uten personlige data. Del aldri nøkkelen din eller private filer.