コメント:HTML5は音声検索をサポートしていますが、残念ながら、WebKitコアブラウザのみが非常に簡単に使用できます。属性X-Webkit-Speechを入力に追加するだけです。興味のある友達はそれについて学ぶことができます。
HTML5は音声検索をサポートしていますが、残念ながらWebKitコアブラウザのみが使用できます。使用法は非常に簡単です。属性x-webkit-sweechを入力に追加するだけです。例は次のとおりです
このようにして、入力ボックスの右側に「小さなマイク」があり、クリックするとプロンプトが表示されます
次に、Taobaoストアの音声検索など、それを伝えて認識できます。
音声入力のその他の属性:Langは言語タイプです
入力ボックスで言語タイプのスピーチを制御できます。
現在、onwebkitspeechchangeのみが既知です。名前が示すように、それはスピーチが変わるときにトリガーされるイベントです。通常、送信<入力型=テキストx-webkit-speech onwebkitspeechchange = $(this).cloest( 'form')。submit()/>として送信できます。このようにして、それが終わった後に自動的に検索されます。X-Webkit-Grammar:これは音声検索に使用されるプロパティではありませんが、この入力の構文を制御できます。たとえば、検索ボックスを使用する場合、<input type = text x-webkit-speech x-webkit-grammar = builtin:search /> x-webkit-grammar:を使用できます。
検索コンテンツにできるだけ近い音声のコンテンツを入力し、「the」などの不要な文字を削除します。
テストする小さな例を次に示します。<html>
<body>
<inputtype = "text" accesskey = "s" autofocus = "true" autocomplete = "off" name = "value_2" value_2 "x-webkit-speech lang =" zh-cn "x-cn" x-webkit-grammar = "bulitinin:search">
<button type = "submit">検索</button>
</body>
</html>
効果は次のとおりです。