suffix@wiki
suffix@wiki

トップページ > コンテンツ > プログラミング入門 > Ajax入門 > JavaScript入門 > HTML5 > WebSpeechAPI

W3Cのサイト
を参考にWebSpeechAPIを試してみた。
一部sampleから修正する必要がありそうだったので、備忘録的に書いてみた。 

<!DOCTYPE HTML>
<html lang="ja">
<head>
<script type="text/javascript">
   var recognizing;
   var recognition = new webkitSpeechRecognition(); //chromeの場合はwebkitがいるらしい。
   recognition.continuous = true;
   reset();
   recognition.onend = reset;

   recognition.onresult = function (event) {
     for (var i = event.resultIndex; i < event.results.length; ++i) { //sampleページでは単にresultIndexになっているが…
         textarea.value += event.results[i][0].transcript;
     }
   }

   function reset() {
     recognizing = false;
     button.innerHTML = "Click to Speak";
   }

   function toggleStartStop() {
     if (recognizing) {
       recognition.stop();
       reset();
     } else {
       recognition.start();
       recognizing = true;
       button.innerHTML = "Click to Stop";
     }
   }
 </script>
</head>
<body>
<textarea id="textarea" rows=10 cols=80></textarea>
<button id="button" onclick="toggleStartStop()"></button>
</body>
</html>

「WebSpeechAPI」をウィキ内検索
最終更新：2013年08月10日 09:13