差分
このページの2つのバージョン間の差分を表示します。
| 両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン 次のリビジョン両方とも次のリビジョン | ||
| p5js:11.speech-recognition [2021/06/30 01:45] – [シンプルなテンプレート] baba | p5js:11.speech-recognition [2021/06/30 09:33] – [音声認識で操作する] baba | ||
|---|---|---|---|
| 行 3: | 行 3: | ||
| * https:// | * https:// | ||
| - | さて、このページではjsを利用してブラウザ上で手軽に音声認識を利用してみたいと思います。なにか簡単な実装目標があると良いかなと思うので、Canvasの背景色を音声認識を利用して操作可能なプログラムを開発してみたいと思います。兎にも角にも音声認識をまずどうやるかですが、MDN Web Docs（モジラによるウェブブラウザ規格マニュアル）にはすでにWeb Speech APIなるものが公開されています。 | + | さて、このページではjsを利用してブラウザ上で手軽に音声認識を利用してみたいと思います。なにか簡単な実装目標があると良いかなと思うので、の背景色を音声認識を利用して操作可能なプログラムを開発してみたいと思います。兎にも角にも音声認識をまずどうやるかですが、MDN Web Docs（モジラによるウェブブラウザ規格マニュアル）にはすでにWeb Speech APIなるものが公開されています。 |
| * https:// | * https:// | ||
| 行 141: | 行 141: | ||
| </ | </ | ||
| - | まずはこのプログラムをしっかりと理解してください．これを理解できれば自分の利用したいアプリケーションでも簡単に音声認識を実装することができると思います． | + | まずはこのプログラムをしっかりと理解してください．これを理解できれば自分の利用したいアプリケーションでも簡単に音声認識を実装することができると思います．音声認識の言語設定は以下を参照してください． |
| + | * 言語指定 | ||
| + | * BCP-47: | ||
| + | * https:// | ||
| + | * ISO-639-2: | ||
| + | * https:// | ||
| + | |||
| + | ====== 音声入力で背景色を変更する ====== | ||
| + | それでは上記サンプルを理解したところで喋った色で背景色が変わるプログラムを作成してみます． | ||
| ===== 例 ===== | ===== 例 ===== | ||
| - | |||
| - | |||
| - | 音声認識（日本語もできる）のサンプルがすでにあります。下記のgithubのページをご覧ください。 | ||
| - | * [[https:// | ||
| - | |||
| 音声認識機能を利用した応用例として、challengeableを制作しました。 | 音声認識機能を利用した応用例として、challengeableを制作しました。 | ||
| < | < | ||