Mukauta äänipelaajaa

6 min read

Äänipelaaja on se, mitä kävijäsi näkevät ja klikkaavat. Voit muuttaa sen värejä, sijaintia sivulla, kokoa ja näytettäviä ohjaimia. Esikatsele muutokset reaaliajassa ennen tallentamista.

Avaa Soitin-asetussivu

Siirry kohtaan Puheeksi muunto → Soitin. Sivu on jaettu viiteen osioon:

  1. Sijoittelu
  2. Värit
  3. Edistymispalkin tyyli
  4. Näytettävät ohjaimet
  5. Reaaliaikainen esikatselu

Jokainen muutos päivittää sivun alaosassa olevan esikatselun.

Sijoittelu

Missä soitin näkyy julkaisuissasi. Valitse yksi vaihtoehto:

  • Ennen otsikkoa: julkaisun otsikon yläpuolella
  • Otsikon jälkeen: otsikon ja ensimmäisen kappaleen välissä
  • Sisällön jälkeen: julkaisun lopussa (oletus)
  • Ennen katkelmaa: näkyy vain arkisto- tai blogilistanäkymissä
  • Katkelman jälkeen: näkyy arkistoissa julkaisutiivistelmien jälkeen
  • Kiinteä alatunniste (PRO): kiinnitetty sivun alaosaan kävijän vierittäessä

Useimmille blogeille Otsikon jälkeen tai Sisällön jälkeen toimii parhaiten. Katso Kiinteä alatunniste -soitin kiinnitettävästä palkkivaihtoehdosta.

Värit

Kolme värinvalitsinta ohjaavat soittimen ulkoasua:

  • Tausta: soittimen pintaväri
  • Teksti: otsikon ja aikanäytön väri
  • Korostus / Toisto: toistopainike, edistymistäyttö ja aktiiviset kuvakkeet

Valitse värit, jotka sopivat teemaasi. Esikatselu päivittyy reaaliajassa.

Vinkki: Jos käytät teemassasi CSS-muuttujia, voit korvata nämä värit mukautetulla CSS:llä. Katso Mukautettu CSS.

Edistymispalkin tyyli

Kaksi vaihtoehtoa:

  • Lineaarinen: tavallinen vaakasuuntainen edistymispalkki (oletus)
  • Aaltomuoto (PRO): visuaalinen aaltomuoto, jossa jokaisella julkaisulla on ainutlaatuinen kuvio

Aaltomuoto lisää persoonallisuutta jokaiseen julkaisuun ja sopii erinomaisesti podcast-tyyliselle sisällölle. Se on SVG-pohjainen eikä lisää merkittävästi sivun painoa. Katso Aaltomuoto-edistymispalkki.

Näytettävät ohjaimet

Jokainen ohjain on yksinkertainen päälle/pois-kytkin. Kytke ne päälle, kun haluat niiden näkyvän, ja pois, kun haluat siistimmän ulkoasun.

  • Toisto / tauko: aina päällä (ei voi kytkeä pois)
  • Nykyinen aika ja kesto
  • Toistonopeus (0.5x, 1x, 1.25x, 1.5x, 2x)
  • Äänenvoimakkuus
  • Lataus
  • Toisto uudelleen
  • Tietokuvake (näyttää äänen nimen ja kielen)

Saavutettavuuden vuoksi suosittelemme pitämään Aikanäyttö, Nopeus ja Lataus päällä.

Reaaliaikainen esikatselu

Sivun alaosa näyttää tarkalleen sen, mitä kävijäsi näkevät. Pieni tekstinäyte toistuu, kun klikkaat. Esikatselu päivittyy jokaisen muutoksen myötä.

Klikkaa Tallenna muutokset yläpalkissa, kun olet tyytyväinen. Muutokset vaikuttavat välittömästi kaikkiin äänellä varustettuihin julkaisuihin.

Mobiililaitteiden toiminta

Soitin on responsiivinen ja mukautuu pienemmille näytöille:

  • Alle 480px: Lataus- ja Tietoohjaimet piilotetaan valikkoon
  • Alle 320px: Uudelleentoisto- ja Nopeusohjaimet piilotetaan kokonaan, jolloin vain Toisto ja Aika jäävät näkyviin

Dynaaminen CSS-välimuisti

Värivaihtoehtosi tallennetaan välimuistiin 12 tunniksi, jotta CSS:ää ei tarvitse luoda uudelleen joka sivunlatauksen yhteydessä. Kun tallennat muutokset, välimuisti tyhjennetään automaattisesti. Jos näet vanhoja värejä, tee sivu pakollinen uudelleenlataus (Ctrl+Shift+R).

Aiheeseen liittyvät sivut