Golfvorm Voortgangsbalk

2 min read

Een visuele golfvorm vervangt de standaard lineaire voortgangsbalk. Elk bericht krijgt een uniek patroon, zodat elke speler er anders uitziet. Pro- en Agency-plannen.

Inschakelen

  1. Ga naar Tekst naar Spraak → Speler.
  2. Kies bij Voortgangsbalkstijl de optie Golfvorm.
  3. Opslaan.

Elke audiospeler op je site gebruikt nu de golfvorm.

Waarom elk bericht een uniek patroon krijgt

De golfvorm wordt gegenereerd op basis van een seed afgeleid van het bericht-ID. Dit betekent:

  • Elk bericht heeft een visueel andere golfvorm
  • Hetzelfde bericht toont altijd dezelfde golfvorm
  • De golfvorm stelt de werkelijke audio niet voor (het is een deterministisch visueel patroon)

Dit ziet er veel beter uit dan een statische balk zonder enige toename in bestandsgrootte - de golfvorm is een inline SVG met 60 balken.

Klik en sleep om te navigeren

De golfvorm is interactief:

  • Klik ergens op om naar die positie te springen
  • Klik en sleep de positie-indicator om door de audio te scrubben
  • Werkt op desktop en touchapparaten

Kleuren

De golfvorm gebruikt twee kleuren uit je Speler-instellingen:

  • Standaard voortgangskleur - niet-afgespeelde balken
  • Afspeelkleur voortgang - balken achter de afspeelkop

Wijzig ze via Tekst naar Spraak → Speler → Kleuren.

Prestaties

  • De golfvorm is een enkele inline SVG (ongeveer 2 KB per speler)
  • Geen extra JavaScript buiten wat de speler al laadt
  • Heeft geen invloed op Core Web Vitals

Terugvaloptie voor gratis gebruikers

Gebruikers van het gratis plan zien de lineaire voortgangsbalk, ook als Golfvorm is geselecteerd - het is een PRO-functie.

Gerelateerde pagina's