Vågform som förloppsindicator

2 min read

En visuell vågform ersätter den vanliga linjära förloppsindikatorn. Varje inlägg får ett unikt mönster så att varje spelare ser distinkt ut. Pro- och Agencyplaner.

Aktivera funktionen

  1. Gå till Text till tal → Spelare.
  2. Under Stil för förloppsindicator, välj Vågform.
  3. Spara.

Alla ljudspelare på din webbplats använder nu vågformen.

Varför varje inlägg får ett unikt mönster

Vågformen genereras från ett startvärde baserat på inläggs-ID. Det innebär:

  • Varje inlägg har en visuellt unik vågform
  • Samma inlägg visar alltid samma vågform
  • Vågformen representerar inte det faktiska ljudet (det är ett deterministiskt visuellt mönster)

Detta ser mycket bättre ut än ett statiskt fält utan att lägga till någon filstorlek - vågformen är en inline-SVG med 60 staplar.

Klicka och dra för att söka

Vågformen är interaktiv:

  • Klicka var som helst på den för att hoppa till den positionen
  • Klicka och dra positionsindikatorn för att snabbspola genom ljudet
  • Fungerar på skrivbord och pekskärmsenheter

Färger

Vågformen använder två färger från dina Spelarinställningar:

  • Standardfärg för förlopp - ospelad staplar
  • Uppspelningsfärg för förlopp - staplar bakom spelhuvudet

Ändra dem under Text till tal → Spelare → Färger.

Prestanda

  • Vågformen är en enda inline-SVG (~2 KB per spelare)
  • Inget JavaScript utöver det som spelaren redan laddar
  • Påverkar inte Core Web Vitals

Reservalternativ för gratisanvändare

Användare med gratisplanen ser den linjära förloppsindikatorn även om Vågform är valt - det är en PRO-funktion.

Relaterade sidor