アットウィキロゴ

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>Speech Recognizer</title>
  <script>
    function speechInput() {
      var text = document.getElementById("textPart").value;
      document.getElementById("browserPart").src = "http://translate.google.com/translate_tts?tl=ja&q=" + text;
      document.getElementById("logPart").innerHTML = text;
    }
    function onClick() {
      var text = document.getElementById("textPart").value;
      document.getElementById("browserPart").src = "http://translate.google.com/translate_tts?tl=ja&q=" + text;
      document.getElementById("logPart").innerHTML = text;
    }
  </script>
</head>
<body>
<header>
  <div style="text-align:center">
    <input type="text" id="textPart" x-webkit-speech lang="ja" style="font-size:24px" onwebkitspeechchange="speechInput();" />
    <button onclick="onClick()">実行</button>
    <hr>
  </div>
</header>
<article>
  <iframe id="browserPart" src="http://translate.google.com/translate_tts?tl=ja&q=ごきげんよう" width="100%" height="50px"></iframe>
  <div id="logPart" style="text-align:center"></div>
</article>
</body>
</html>
 
最終更新:2015年04月14日 00:17