ホームページ > ウェブフロントエンド > H5 チュートリアル > html5_html5 チュートリアル スキルを使用して音声検索ボックスを実装する方法

html5_html5 チュートリアル スキルを使用して音声検索ボックスを実装する方法

WBOY
リリース: 2016-05-16 15:48:10
オリジナル
2005 人が閲覧しました

まず、さまざまなディスプレイを見てみましょう。
以下は Firefox でのスクリーンショットです:

以下は Chrome のスクリーンショットです:

推測できることは、書かれたコードは明らかに互換性がないということです。ただし、フロントエンドの初心者でも、

コードをコピーします は理解できるでしょう。
コードは次のとおりです:

パラメータの意味:
x-webkit-speech: 入力ボックスの右側に小さなマイクが表示されます。音声機能。
lang: 必須入力ボックスの音声の言語タイプです。たとえば、上記の lang="zh-CN" は簡体字中国語を指します。
x-webkit-grammar: 音声入力文法を指します。「builtin:search」値は、音声入力コンテンツを検索コンテンツに可能な限り近づけ、冗長な文字を削除します。

注: ただし、中国語と英語の音声を混合すると多くの問題が発生する可能性があるため、このハードウェアの互換性はまだ改善する必要があります。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート