今回のテーマは「Web Speech API」という事で音声認識っ
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/168.gif)
ちなみにChromeは以前から音声認識可能で、以下のサイトで試せます
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/089.gif)
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/264.gif)
音声APIなどはなく、x-webkit-speechとタグ内に入れるだけです。
音声入力後にテキストに文字出力。
その後、javascriptで制御するアプリは制作可能みたいです
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/039.gif)
僕のデジハリ仲間でもHTML5で音声入力アプリを作っている人がいました
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/037.gif)
今回のWeb Speech APIはしゃべり始めや終わりのイベント処理など
細かい設定がjavascriptでできるようです
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/176.gif)
以下のサイトでざっくりとわかりやすく説明されています
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/131.gif)
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/264.gif)
とりあえず書いた方が理解が早いので自分も簡単な電工掲示板を作ってみました~![](https://stat100.ameba.jp/blog/ucs/img/char/char2/038.gif)
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/038.gif)
気をつける点としてwebサーバにUPしないと実行できないです![](https://stat100.ameba.jp/blog/ucs/img/char/char2/028.gif)
ローカル実行するには、以下のようにすると良いようです![](https://stat100.ameba.jp/blog/ucs/img/char/char2/193.gif)
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/028.gif)
ローカル実行するには、以下のようにすると良いようです
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/193.gif)
(1)ターミナル起動し、公開したいファイルがあるフォルダに移動
(2)「python -m SimpleHTTPServer」と実行
(3)localhost:8000に接続するとwebサーバが起動するのでアクセス
誤認識は少しありますが、結構精度が高いと思います![](https://stat100.ameba.jp/blog/ucs/img/char/char2/105.gif)
誤認識は少しありますが、結構精度が高いと思います
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/105.gif)
音声認識ゲームとかこれからが期待ですね~
![](https://stat100.ameba.jp/blog/ucs/img/char/char2/139.gif)