Bølgeform fremdriftslinje

2 min read

En visuell bølgeform erstatter den vanlige lineære fremdriftslinjen. Hvert innlegg får et unikt mønster, slik at hver lyttespiller ser forskjellig ut. Pro- og Agency-planer.

Slå den på

  1. Gå til Tekst til Tale → Spiller.
  2. Under Fremdriftslinjestil, velg Bølgeform.
  3. Lagre.

Alle lyttespillere på nettstedet ditt bruker nå bølgeformen.

Hvorfor hvert innlegg får et unikt mønster

Bølgeformen genereres fra en seed basert på innleggs-ID. Dette betyr:

  • Hvert innlegg har en visuelt forskjellig bølgeform
  • Det samme innlegget viser alltid den samme bølgeformen
  • Bølgeformen representerer ikke selve lyden (det er et deterministisk visuelt mønster)

Dette ser mye bedre ut enn en statisk linje, og legger til null filstørrelse - bølgeformen er en innebygd SVG med 60 stolper.

Klikk og dra for å søke

Bølgeformen er interaktiv:

  • Klikk hvor som helst på den for å hoppe til den posisjonen
  • Klikk og dra posisjonsmarkøren for å skrubbe gjennom lyden
  • Fungerer på både desktop og berøringsenheter

Farger

Bølgeformen bruker to farger fra Spiller-innstillingene dine:

  • Standard fremdriftsfarge - uspilte stolper
  • Spillende fremdriftsfarge - stolper bak avspillingshodet

Endr dem under Tekst til Tale → Spiller → Farger.

Ytelse

  • Bølgeformen er en enkelt innebygd SVG (~2 KB per spiller)
  • Ingen JavaScript utover det spilleren allerede laster
  • Påvirker ikke Core Web Vitals

Tilbakefall for gratisbrukere

Brukere på gratisplanen ser den lineære fremdriftslinjen selv om Bølgeform er valgt - det er en PRO-funksjon.

Relaterte sider