私は自分の声を録音し、録音された声に従ってアニメーションを左または右に動かす方法を探しています。
HTML5 には音声を録音できる Audio API があると聞きましたが、その方法がわかりません。
この問題を解決するために、私を助けたり、解決策、提案、コード、またはガイドラインを考え出すことができるすべての人に感謝します。
私は自分の声を録音し、録音された声に従ってアニメーションを左または右に動かす方法を探しています。
HTML5 には音声を録音できる Audio API があると聞きましたが、その方法がわかりません。
この問題を解決するために、私を助けたり、解決策、提案、コード、またはガイドラインを考え出すことができるすべての人に感謝します。
webkit-browsers では、get user media apiをhtml5rockswebkitGetUserMedia
で実証されているように使用できます。
声を使って JavaScript イベントを作成する (例: 画面上のオブジェクトを制御する) 場合は、着信音を分析する必要があります (例: event1 の高周波数 - event2 の低周波数、音声分析ははるかに複雑です。以下を参照してください)。
別の方法として、chrome の「x-webkit-speech」音声認識 (ここで例を参照) があります。これは、Google のサーバーで音声を分析するため、リアルタイム制御にはおそらく遅すぎます。
ブラウザでのリアルタイムの音声分析については知りませんが、(非常に基本的な)可能性を見つけていただければ幸いです。
編集:いくつかのコードを追加します(ここから適応)
<html>
<head>
</head
<body>
<input type="search" id="mike" x-webkit-speech>
<script type="text/javascript">
var mike = document.getElementById('mike');
mike.onwebkitspeechchange = function(e) {
console.log(e); // SpeechInputEvent
console.log(e.results[0].utterance);
};
</script>
</body>
</html>