Tekst til tale som widget i artikkelLytt til tekstenStopp avspillingTekst til tale som er laget med JavaScript og det innebygde Web Speech API-et i nettlesere. Scriptet er limt inn i en widget som er satt inn i artikkelen. ▶︎ Les opp Neste avsnitt Bytt stemme Klar Det er ikke meningen å kunne velge mellom flere språk, men det er mulig å velge mellom flere norske alternativer hvis du har dette aktivert i nettleseren.ChatGPT har generert resten av teksten som sier litt mer om hva dette er 👇Hvordan den fungererNår du trykker på «Les opp», aktiveres nettleserens innebygde tekst-til-tale-funksjon (SpeechSynthesis).Koden henter automatisk tekstinnholdet fra artikkelens tittel, ingress og brødtekst og leser dette høyt i riktig rekkefølge.Ordene som leses opp blir markert med gul bakgrunn, slik at brukeren enkelt kan følge med visuelt.Du kan når som helst trykke på «Neste avsnitt» for å hoppe videre i teksten.Med «Bytt stemme» kan du velge blant tilgjengelige stemmer i nettleseren (avhenger av operativsystem og språkstøtte).Denne løsningen bruker kun funksjoner som finnes i nettleseren – ingen data sendes ut av maskinen din. Det betyr at den fungerer lokalt og uten behov for API-nøkler eller eksterne tjenester.Teknisk bakgrunnOpplesningen bruker SpeechSynthesisUtterance-objektet i JavaScript. For hvert avsnitt opprettes en ny instans, som legges i en kø. Hver instans har hendelser som håndterer:onstart: Når opplesningen begynneronboundary: Når et ord starter (for å markere tekst)onend: Når avsnittet er ferdigVed hjelp av disse hendelsene oppnås både flytende opplesning og nøyaktig markering.Mulighet for Google-stemmerFor mer naturlige stemmer er det også mulig å bruke Google Cloud Text-to-Speech API, som tilbyr norske og internasjonale stemmer av høy kvalitet.Da vil teksten sendes til Google sine servere, der lyd genereres og returneres til siden som en lydfil. Dette krever en API-nøkkel og internettilkobling, men gir mer profesjonell lyd og flere valgmuligheter for tonefall, hastighet og uttrykk.Info om APIet: https://cloud.google.com/text-to-speech/docsOppsett av API-nøkler: https://support.google.com/googleapi/answer/6158862 Publisert av ACOS System Publisert 30.10.2025 15:13 Sist endret 31.10.2025 10:45