LoginSignup
4
4

More than 5 years have passed since last update.

x-webkit-speechが実装されているかどうか確認する方法

Last updated at Posted at 2014-01-23

HTML5でテキストフィールドへの音声入力をサポートするx-webkit-speechという属性があります。

    <input type="text" x-webkit-speech>

これだけでテキストフィールドの右端にマイクのアイコンが出てきて音声入力ができるので大変ラクチンですなのですが、
いかんせんchromeの実装なので他の一般的なブラウザではおそらく使えません。
この実装をサポートしているかどうかを確認するスクリプトが下記になります。

    if (document.createElement('input').webkitSpeech === undefined) {
      alert("NG さぽーとされてない");
    } else {
      alert("OK さぽーとされてる");
    }

ちなみに現時点で同じchromeでもPC版はOK、android版はNGでした。

4
4
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
4