De audiospeler is wat je bezoekers zien en aanklikken. Je kunt de kleuren, positie op de pagina, grootte en zichtbare bedieningselementen aanpassen. Bekijk je wijzigingen live voor het opslaan.
Open de Speler-instellingenpagina
Ga naar Tekst naar Spraak → Speler. De pagina is verdeeld in vijf secties:
- Plaatsing
- Kleuren
- Voortgangsbalkstijl
- Getoonde bediening
- Live voorbeeld
Elke wijziging die je maakt, werkt het voorbeeld onderaan de pagina bij.
Plaatsing
Waar de speler op je berichten verschijnt. Kies er een:
- Voor titel: boven de berichttitel
- Na titel: tussen de titel en de eerste alinea
- Na inhoud: aan het einde van het bericht (standaard)
- Voor samenvatting: alleen zichtbaar in archief- of bloglijstweergaven
- Na samenvatting: weergegeven na berichtsamenvattingen in archieven
- Vastgezette voettekst (PRO): vastgepind aan de onderkant van de pagina terwijl de bezoeker scrolt
Voor de meeste blogs werkt Na titel of Na inhoud het beste. Zie Vastgezette voettekstspeler voor de vastgepinde balkoptie.
Kleuren
Drie kleurenkiezers bepalen het uiterlijk van de speler:
- Achtergrond: de oppervlakkleur van de speler
- Tekst: kleur van titel en tijdweergave
- Accent / Afspelen: de afspeelknop, voortgangsvulling en actieve pictogrammen
Kies kleuren die bij je thema passen. Het voorbeeld werkt in realtime bij.
Tip: Als je CSS-variabelen in je thema gebruikt, kun je deze kleuren overschrijven met aangepaste CSS. Zie Aangepaste CSS.
Voortgangsbalkstijl
Twee opties:
- Lineair: een standaard horizontale voortgangsbalk (standaard)
- Golfvorm (PRO): een visuele golfvorm waarbij elk bericht een uniek patroon krijgt
Golfvorm geeft elk bericht een eigen karakter en ziet er geweldig uit voor podcastachtige inhoud. Het is SVG-gebaseerd en voegt geen merkbaar paginagewicht toe. Zie Golfvorm voortgangsbalk.
Getoonde bediening
Elk bedieningselement is een eenvoudige aan/uit-schakelaar. Zet ze aan als je ze zichtbaar wilt, uit voor een strakker uiterlijk.
- Afspelen / pauzeren: altijd aan (kan niet worden uitgeschakeld)
- Huidige tijd en duur
- Afspeelsnelheid (0.5x, 1x, 1.25x, 1.5x, 2x)
- Volume
- Downloaden
- Herhalen
- Informatiepictogram (toont de spraaknaam en taal)
Voor toegankelijkheid raden we aan Tijdweergave, Snelheid en Downloaden aan te laten.
Live voorbeeld
Onderaan de pagina zie je precies wat je bezoekers te zien krijgen. Een kort tekstfragment speelt af als je klikt. Het voorbeeld werkt bij met elke wijziging die je maakt.
Klik op Wijzigingen opslaan in de bovenste balk als je tevreden bent. Wijzigingen worden direct op elk bericht met audio toegepast.
Gedrag op mobiel
De speler is responsief en past zich aan kleinere schermen aan:
- Onder 480px: Downloaden en Informatiebediening klappen samen in een menu
- Onder 320px: Herhalen en Snelheidsbediening verdwijnen volledig, alleen Afspelen en Tijd blijven zichtbaar
Dynamische CSS-caching
Je kleurkeuzes worden 12 uur gecached om te voorkomen dat de CSS bij elke paginaweergave opnieuw wordt gegenereerd. Als je wijzigingen opslaat, wordt de cache automatisch gewist. Als je oude kleuren ziet, ververs de pagina dan geforceerd (Ctrl+Shift+R).