音声認識入門！Web Speech APIを使いChromeブラウザを音声操作するWebアプリ開発術を公開！ - paiza times

テクノロジーカテゴリーの変更を依頼記事元:

paiza.hatenablog.com

104 usersがブックマークコメント

記事へのコメント6件

注目コメント
新着コメント

Steiger31226 “プログラミングネタ”

2017/01/30 リンク

kita-tuba 音声認識入門！Web Speech APIを使いChromeブラウザを音声操作するWebアプリ開発術を公開！

unclassified

2016/07/10 リンク

ksakae1216 これはすごい！！

2016/07/09 リンク

webmanmain3834 これで、話せるだけで、操作可能？：想像ですが、話す「コツ」は必要です。それでも、手や足に障害が有っても「話せるなら」ブラウズできるのは画期的で、やる気が有れば「あなたにも制作出来る」筈です。...

2016/07/07 リンク

siteworkers 簡単そうですね

2016/07/06 リンク

digitalglm 音声認識入門！Web Speech APIを使いChromeブラウザを音声操作するWebアプリ開発術を公開！ - paiza開発日誌: 2016 - 07 - 05 音声認識入門！Web Speech…

2016/07/05 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fpaiza.hatenablog.com%2Fentry%2F2016%2F07%2F05%2F%25E9%259F%25B3%25E5%25A3%25B0%25E8%25AA%258D%25E8%25AD%2598%25E5%2585%25A5%25E9%2596%2580%25EF%25BC%2581Web_Speech_API%25E3%2582%2592%25E4%25BD%25BF%25E3%2581%2584Chrome%25E3%2583%2596%25E3%2583%25A9%25E3%2582%25A6%25E3%2582%25B6%25E3%2582%2592%25E9%259F%25B3%25E5%25A3%25B0%25E6%2593%258D%25E4%25BD%259C%25E3%2581%2599" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://paiza.hatenablog.com/entry/2016/07/05/%E9%9F%B3%E5%A3%B0%E8%AA%8D%E8%AD%98%E5%85%A5%E9%96%80%EF%BC%81Web_Speech_API%E3%82%92%E4%BD%BF%E3%81%84Chrome%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%82%92%E9%9F%B3%E5%A3%B0%E6%93%8D%E4%BD%9C%E3%81%99">音声認識入門！Web Speech APIを使いChromeブラウザを音声操作するWebアプリ開発術を公開！ - paiza times</a><a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2016/07/05/%E9%9F%B3%E5%A3%B0%E8%AA%8D%E8%AD%98%E5%85%A5%E9%96%80%EF%BC%81Web_Speech_API%E3%82%92%E4%BD%BF%E3%81%84Chrome%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%82%92%E9%9F%B3%E5%A3%B0%E6%93%8D%E4%BD%9C%E3%81%99">はてなブックマーク - 音声認識入門！Web Speech APIを使いChromeブラウザを音声操作するWebアプリ開発術を公開！ - paiza times</a></div></iframe>

プレビュー

規約違反を報告

音声認識入門！Web Speech APIを使いChromeブラウザを音声操作するWebアプリ開発術を公開！ - paiza times

どうも、まさとらん（@0310lan）です。みなさんは、音声認識を活用していますか？例えば、iOSの「Siri... どうも、まさとらん（@0310lan）です。みなさんは、音声認識を活用していますか？例えば、iOSの「Siri」と会話してみたり、Androidなら「OK Google」と喋って検索した経験があるのではないでしょうか？今回は、このような音声認識を利用し、PCのChromeブラウザに喋りかけることで動作するサンプルデモのチュートリアルをご紹介しようと思います！ ■音声認識に必要なAPIとは？まず最初に必要なのが、自分の「声」を音声として認識してくれるAPIなのですが、実はPCのChromeブラウザであれば今すぐJavaScriptから利用できるようになっています。 Web Speech API：ブラウザ対応状況「Web Speech API」を使うことで、特別なツールをインストールしたり、余計なライブラリを読み込む必要は無いわけです。ちなみに、このAPIには大きく分けて「音声認識