2016年6月24日金曜日

Web Speech API を試してみた。

Web上で音声読み上げができるのないかなぁと調べたらあっさり見つかりました。

かなり棒読みだけど簡単に実装できて
世の中進化しててすごいです。

とりあえずサンプルおいておきますね。



ボタンを押すと音声が流れます。

以下ソース(test.html)

-----------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
    <title>読み上げテスト</title>
</head>
<body>
    <button>読み上げる</button>
    <button>読み上げる</button>
    <script>
      document.getElementsByTagName('button')[0].addEventListener('click', function () { speechSynthesis.speak(new SpeechSynthesisUtterance('Web Speech API Test'));});
      document.getElementsByTagName('button')[1].addEventListener('click', function () { speechSynthesis.speak(new SpeechSynthesisUtterance('Hello World'));});
    </script>
</body>
</html>
-----------------------------------------------------------------------------------------------------------
こんな感じです。
参考にしたサイト
 Web Speech API
 セットした文字列を読み上げてくれる「Speech Synthesis API」
 Speech synthesiser

0 件のコメント:

コメントを投稿