14

まず、永遠に機能するとは思わない一時的なソリューションを作成しようとしています。よろしかったら実験してみてください!

私は以下を実行しています!私がやろうとしているのは、ページの読み込み時に音声検索を開始することです。これを機能させる方法についてのアイデア!注: マイク入力を表示するには、Chrome ブラウザが必要です。

http://jsfiddle.net/dirtyd77/99amf/

<html>
<head>
<style>

#mike {
font-size: 25px;
width: 25px;
height: 25px;
cursor:pointer;
border: none;
position: absolute;
margin-left: 5px;
outline: none;
background: transparent;
}
#txt {
height: 150px;
width: 150px;
}
</style>

<script>
var mike = document.getElementById('mike');
mike.onfocus = mike.blur;
mike.onwebkitspeechchange = function(e) {
console.log(e); // SpeechInputEvent
document.getElementById('txt').value = mike.value;  
};
</script>
</head>

4

5 に答える 5

2

ボタンをクリックしてアクティブ化する必要のない webkitSpeechRecognition を使用できます。次に、キャプチャしたテキストを入力に送信します。

webkitSpeechRecognition は、サイトがマイクを使用することを承認するようにユーザーに促しますが、その許可が存在する限り、ページが読み込まれるとすぐにユーザー入力のリッスンを開始できます。サイトで HTTPS を使用していることを確認して、ブラウザーがユーザーに一度だけ許可を求め、それを記憶するようにします。

また、音声認識を非常に簡単に処理できる JavaScript ライブラリであるannyangも確認してください。

于 2013-09-07T23:36:30.723 に答える