Googleのウェブサイトはシビアンシクシンです。今日、私はHTML5-ホームページで音声検索をプレイする新しい方法を発見しました。残念ながら、WebKitコアブラウザのみが使用できます。使用法は非常に簡単です
属性を入力に属性x-webkit-sweecheechを追加するだけで、例は次のとおりです。
<input type = "text" x-webkit-speech />
このようにして、入力ボックスの右側に「小さなマイク」があり、クリックするとプロンプトが表示されます
それから私はあなたに伝えてそれを認識することができます。テスト後、中国語と英語の認識率が非常に高いことがわかりました。
音声入力のその他の属性：このことは、たとえば、箱の中の発音の種類を強制することができます
<入力型=テキストx-webkit-speech lang = zh-cn/>
現在、唯一の既知の音声イベントはonwebkitspeechchangeです。名前が示すように、それらは声が変わるときにトリガーされるイベントです。通常、提出できます。
<input type = "text" x-webkit-speech onwebkitsepeechchange = "$（this）.cloest（ 'form'）。submit（）"/>
その後、自動的に検索します
X-Webkit-Grammarは、音声検索に使用されるプロパティではありませんが、この入力の構文を制御できます。たとえば、検索ボックスを実行している場合は、使用できます
<input type = "text" x-webkit-speech x-webkit-grammar = "bildingin：search" />
検索コンテンツにできるだけ近い音声のコンテンツ入力を作成し、「the」などの不要な文字を削除します
この機能は非常に興味深いものであり、実用的であることは良い考えではありません。これは主に、アプリケーションの範囲が小さすぎるため、HTML5ができるだけ早く均一に適用されることを願っています。
関連するリファレンス：
HTML5音声検索（Taobaoストア音声検索）
html5音声検索では、コードの文のみが必要です