Supporté par ChromeSupporté par FirefoxSupporté par EdgeEn test sur Safari/iOS Speech Synthesis API : Démo HTML5

Mise à jour : 2017-01-22
Cette API, aussi appelée "text-to-speech" permet d'énoncer un texte dans plusieurs langues, avec différentes voix et réglages sur ces voix.

The SpeechSynthesis Interface

Notes sur le tuto


Exemple de code HTML5

Montez le son et rechargez la page <button onclick="location.reload()">Reload (F5)</button>
<script>
	ssu = new SpeechSynthesisUtterance()
	ssu.lang = "fr-FR"
	ssu.text = "Bonjour, bienvenue sur HTML5 démo."
	speechSynthesis.speak(ssu)
</script>

Démonstration du résultat HTML5


Montez le son et rechargez la page

Détection automatique du support HTML5

Librairie JavaScript de détection automatique (attention, comporte quelques faux positifs et faux négatifs)
<script src="_html5detect.js"></script>
<script>
	isItemSupported("window.speechSynthesis")
	isItemSupported("window.SpeechSynthesisUtterance")
</script>		

Can I Use speech-synthesis? Data on support for the speech-synthesis feature across the major browsers from caniuse.com.