Aaltomuoto-edistymispalkki

2 min read

Visuaalinen aaltomuoto korvaa tavallisen lineaarisen edistymispalkin. Jokainen julkaisu saa uniikin kuvion, joten jokainen soitin näyttää erilaiselta. Pro- ja Agency-suunnitelmat.

Ota käyttöön

  1. Siirry kohtaan Teksti puheeksi - TTSWP → Soitin.
  2. Valitse Edistymispalkin tyyli -kohdasta Aaltomuoto.
  3. Tallenna.

Kaikki sivustosi äänipelaajat käyttävät nyt aaltomuotoa.

Miksi jokainen julkaisu saa uniikin kuvion

Aaltomuoto luodaan julkaisun ID:stä johdetun siemenen perusteella. Tämä tarkoittaa:

  • Jokaisella julkaisulla on visuaalisesti erilainen aaltomuoto
  • Sama julkaisu näyttää aina saman aaltomuodon
  • Aaltomuoto ei edusta varsinaista ääntä (se on deterministinen visuaalinen kuvio)

Tämä näyttää paljon paremmalta kuin staattinen palkki, eikä se lisää tiedostokokoa lainkaan - aaltomuoto on upotettua SVG:tä, jossa on 60 palkkia.

Napsauta ja vedä siirtyäksesi

Aaltomuoto on interaktiivinen:

  • Napsauta mitä tahansa kohtaa hypätäksesi siihen sijaintiin
  • Napsauta ja vedä sijaintiindikaattoria selaamaan ääntä
  • Toimii sekä tietokoneella että kosketuslaitteilla

Värit

Aaltomuoto käyttää kahta väriä Soitin-asetuksistasi:

  • Edistymisen oletusväri - toistamattomat palkit
  • Edistymisen toistoväri - toistopään takana olevat palkit

Muuta niitä kohdassa Teksti puheeksi - TTSWP → Soitin → Värit.

Suorituskyky

  • Aaltomuoto on yksittäinen upotettu SVG (~2 KB per soitin)
  • Ei JavaScript-koodia soittimen jo lataamien lisäksi
  • Ei vaikuta Core Web Vitals -arvoihin

Varatoiminto ilmaisille käyttäjille

Ilmaissuunnitelman käyttäjät näkevät lineaarisen edistymispalkin, vaikka Aaltomuoto olisi valittuna - se on PRO-ominaisuus.

Aiheeseen liittyvät sivut