ブラウザで音声認識してみた

このページはマイクへのアクセス許可を求めますが、マイクに入力された音声が筆者「もち」に届けられることはありません。グーグルには届くみたいですが。
マイクを利用される方はこのことをご留意の上でお願いします。

デモ

マイクをONにした上で何かしゃべってみてください。

↓↓↓ここに認識した言葉が表示されます↓↓↓

ソースコード

<div id="speech_result"></div>
<script>
    const speech = new webkitSpeechRecognition();
    const content = document.getElementById('speech_result');
    speech.lang = 'ja-JP';
    speech.onresult = e => {
        speech.stop();
        if(e.results[0].isFinal) {
            const resultText = e.results[0][0].transcript;
            content.innerHTML += '<div>' + resultText + '</div>';
            console.log(resultText);
        }
    };
    speech.onend = () => {
        speech.start();
    };
    speech.start();
</script>