Supporté par ChromeNon supporté par FirefoxNon supporté par EdgeEn test sur Safari/iOS Speech Recognition API : Démo HTML5

Mise à jour : 2017-01-22
Cette API, aussi appelée "speech-to-text" permet d'écouter l'utilisateur via le microphone et de restranscrire ses paroles, qui peuvent ensuite être exploitées.

The SpeechRecognition Interface

Notes sur le tuto


Exemple de code HTML5

Parlez distinctement devant votre micro, pour voir la transcription apparaître ci-dessous :
<button onclick="recognition.start()">Start</button>
<button onclick="recognition.stop()">Stop</button><br>
<textarea id="textarea" rows=10 cols=100></textarea><br>
Taux de confiance de la reconnaissance vocale : <span id="span">...</span><br>
<script>
	var SpeechRecognition = SpeechRecognition || webkitSpeechRecognition

	recognition = new SpeechRecognition()
	recognition.continuous = true
	recognition.lang = "fr-FR"
	recognition.onresult = function (event) {
		for (i = event.resultIndex; i < event.results.length; i++) {
				textarea.value += event.results[i][0].transcript + "\n"
				document.getElementById("span").innerHTML =
					Math.round(event.results[i][0].confidence * 100) + " %"
		}
	}
	recognition.start()
</script>

Démonstration du résultat HTML5


Parlez distinctement devant votre micro, pour voir la transcription apparaître ci-dessous :

Taux de confiance de la reconnaissance vocale : ...

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.SpeechRecognition")
	isItemSupported("window.webkitSpeechRecognition")
</script>		

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