H5に音声入力機能を追加

今回はH5に追加された音声入力機能についてお届けします。H5に音声入力機能を追加する場合の注意点を実際の事例で紹介します。

ここでは、将来使用する HTML の強力な機能を紹介します。まず、入力ボックスに音声機能を追加できます。

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

実際、音声認識は HTML5 の基本機能です。その使い方は

<input type=”text” speech x-webkit-speech />

XHTML 風の構文が好きなら、次のように表現できます

<input type=”text” x-webkit-speech=”x-webkit-speech” />

音声認識は、 10 年前、さらには数年前でも、Web ページ上の音声認識は、Flashplayer などの他の方法を使用しないと実現できませんでした。しかし、現在では、音声を取得するには、入力ボックスに attribute タグを追加するだけで認識できるようになりました。

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

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

<input type=”text” speech x-webkit-speech onwebkitspeechchange=”alert(this.value)” />

を使用できます。この記事の事例を読んだ後は、この方法を習得したと思います。興味深い情報が満載です。PHP 中国語 Web サイトの他の関連記事にもご注目ください。

推奨読書:

H5の保存方法の詳細な説明

postMessageはクロスドメインおよびクロスウィンドウメッセージングを実装します

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