Bølgeform-statuslinje

2 min read

En visuel bølgeform erstatter den standard lineære statuslinje. Hvert indlæg får et unikt mønster, så hver afspiller ser anderledes ud. Pro- og Agencyplaner.

Slå det til

  1. Gå til Tekst til tale → Afspiller.
  2. Under Statuslinjestil vælger du Bølgeform.
  3. Gem.

Alle lydafspillere på dit websted bruger nu bølgeformen.

Hvorfor hvert indlæg får et unikt mønster

Bølgeformen genereres fra en seed baseret på indlægs-ID. Det betyder:

  • Hvert indlæg har en visuelt forskellig bølgeform
  • Det samme indlæg viser altid den samme bølgeform
  • Bølgeformen repræsenterer ikke den faktiske lyd (det er et deterministisk visuelt mønster)

Det ser langt bedre ud end en statisk linje og tilføjer nul filstørrelse - bølgeformen er en inline SVG med 60 bjælker.

Klik og træk for at søge

Bølgeformen er interaktiv:

  • Klik et vilkårligt sted på den for at hoppe til den position
  • Klik og træk positionsindikatoren for at spole gennem lyden
  • Virker på både desktop og touchenheder

Farver

Bølgeformen bruger to farver fra dine afspillerindstillinger:

  • Standard statusfarve - ikke-afspillede bjælker
  • Afspilningsfarve - bjælker bag afspilningshovedet

Skift dem under Tekst til tale → Afspiller → Farver.

Ydeevne

  • Bølgeformen er en enkelt inline SVG (ca. 2 KB pr. afspiller)
  • Intet JavaScript ud over hvad afspilleren allerede indlæser
  • Påvirker ikke Core Web Vitals

Fallback for gratis brugere

Brugere på gratisplanen ser den lineære statuslinje, selv hvis Bølgeform er valgt - det er en PRO-funktion.

Relaterede sider