ホームページ  >  記事  >  ウェブフロントエンド  >  HTML5で入力ボックスに音声入力機能が追加

HTML5で入力ボックスに音声入力機能が追加

巴扎黑
巴扎黑オリジナル
2017-03-19 13:57:333447ブラウズ

【はじめに】 ここで紹介するのは、これから誰もが使うことになる強力なHTML関数です。 まずは、入力ボックスに音声機能を追加することができます。入力ボックスの右側にマイクのアイコンが表示されます。マイクをクリックして音声認識を実行します。音声認識は HTML5 の基礎です

ここで使用する強力な HTML 関数を紹介します。将来的にはボックスに音声機能を追加することができます。まず実装方法を見てみましょう。

入力ボックスの右側にマイクのアイコンが表示されます。マイクをクリックすると音声認識が実行されます

その使い方は非常に簡単です。 XHTML 風の構文が好きなら、次のように表現できます

音声認識は、数年前には想像もできなかったもので、Web ページでの音声認識は Flashplayer などの他の方法を使用するしかありませんでした。しかし、現在では、音声を取得するには、入力ボックスに属性タグを追加するだけで認識できるようになります。


携帯電話のブラウザなどのモバイル デバイスは、HTML5 をサポートしている限り、音声認識もサポートする必要があります。 Android でこのページを閲覧してみてください?

さらに、JavaScript を使用して音声認識イベントの終了を取得したい場合は、onwebkitspeechchange

以上がHTML5で入力ボックスに音声入力機能が追加の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。