本文へ移動

§03-15AI

Voice mode

音声で話しかけて AI と対話できる。

手が離せない場面や長文入力が面倒なときに、話すだけで操作できる。移動中の利用や、キーボードが使いにくい端末でも使いやすい。

実装のポイント

getUserMedia でマイクを取得し、AnalyserNode の周波数データで波形を描く。録音中は状態を色とテキストで示し、停止時はトラックを stop する。

特徴
  • モック
  • アニメーション
デモで使っているもの
  • motion
  • lucide-react