HTML5 音声検索に必要なコードは 1 行だけです_html5 チュートリアルのヒント

タオバオにはしばらく音声検索がありましたが、その実装方法について説明した関連ブログや投稿を見たことがありませんでしたが、今日いくつかの情報を確認したところ、おそらく実装が非常に簡単であることがわかりました。 、だから誰も議論しないでしょう。

実際、実装に必要なコードは 1 行だけです。

x-webkit-speech

このコードを見て何を思いますか?はい、これは音声検索が Webkit コア ブラウザのみをサポートすることを意味します。では、このコードはどこに配置する必要がありますか?

<br><div class="msgheader"><div class="right"><span style="CURSOR: pointer" onclick="copycode(getid('phpcode91'));"><u>复制代码</u></span></div>代码如下:</div><div class="msgborder" id="phpcode91"><br /><input type="text" class="text" name="value_2" id="value_2" x-webkit-speech><br /></div>

テキスト入力ボックスに

を入力するだけです。他に何もする必要はありません。

を参照してください。

もちろん、音声制限言語タイプの設定など、他のパラメータもあります

コードをコピーします

コードは次のとおりです:

音声入力文法を設定するためのパラメータもあります。これは検索ボックスに適しています。このパラメータを追加すると、システムは「的」や「LA」などの無意味な単語を自動的に削除します

コードをコピー

コードは次のとおりです。

もちろん、テスト中に小さな問題が発見されました。つまり、音声検索を備えたページが iframe ページである場合、マイクをクリックした後、「話し始めてください」というメッセージが表示されます。 " フローティングレイヤーが入力ボックスに従いません

関連記事: HTML5 音声検索 (淘宝網ストア音声検索)