X-webkitのスピーチ:テキスト入力ボックスにマイク音声入力アイコンを追加します。

音声入力のための入力ボックスにマイク/マイク/マイクアイコンを追加する方法については、こちらをご覧ください。 この機能は、WebKitのブラウザでx-webkit-speech属性を介して支持されています

A+ A-

あなたは、Googleの検索ボックスにそのマイク(MIC)のアイコンを見たことがありますか? このアイコンは上の他の場所の多くで見ることができるインターネットや携帯電話。 多くのWeb開発者は、HTMLの入力ボックスにこのマイクのアイコンを追加する方法を疑問に思います。

HTML5は、それがW3Cによるこの最新のアップデートは、新しいエキサイティングな機能が多数付属していた1990年に戻って形式化されたので、おそらくハイパーテキストマークアップ言語の最も急進的かつ重要なアップデートです。 これらの新しく追加された機能のうちの一つは、 音声認識を使用して、入力ボックスにテキストを入力する機能です。

-あなたが明示的にこの機能を宣言する必要があります入力ボックスに音声認識を有効にします。X-webkitの-音声が入力ボックス要素に追加する必要がある属性です。 例えば:

<input type = "text"の名= "S"サイズ= "20"のx-webkitのスピーチ/>

UPDATE:X-webkitの-音声入力属性が廃止されました。 だから、それは長くWebKitのブラウザでは動作しません。 今、開発者が使用する必要があるのJavaScriptベースのAPIを

現時点では、この属性はWebKitのをサポートするブラウザで動作します。 Google Chromeの、オペラとSafariは、WebKitのをサポートするブラウザの一つです。

属性は、右側に向かって、入力ボックス内のマイク(別名マイクやマイク)のアイコンが追加されます。 クリックすると、このアイコン-a小さな箱は今あなたが入力ボックスにテキストを入力するために話すことができることを示すアイコンの下に表示されます。

スクリーンショット:X-webkitのスピーチを介して音声入力機能

スクリーンショット:X-webkitのスピーチを介して音声入力機能

明らかに、あなたはボックスに入力したい言葉。ブラウザの音声認識機能は、話し言葉を認識しようと話します 。 成功した場合、単語が自動的に入力ボックスに入力されます。 あなたの言葉が認識できなかった場合はそのように言われる-you'llともう一度話すことによってそれに別の試みを与えることができます。

X-webkitのスピーチは、能力や障害のすべての種類を持つユーザーへのインターネットよりアクセスしやすく向けて一歩前進です。 音声認識は、テキスト指で簡単に入力を禁止する視覚障害や条件を持つ人々のために簡単にタスクを入力することができます。

この機能は、入力ボックスのためではなく、テキストエリアでのみ使用可能です。 しかし、あなたがするために使用できる回避策はありテキストエリアにマイクアイコンと音声入力を追加するだけでなく。

私はこれがあなたのための有益な情報だった願っています。 このトピックについてのご質問がある場合は私に知らせて自由に感じて下さい。 私が試してみて、お手伝いをさせていただきます。 TechWelkinをご利用いただきありがとうございます!

Ads

シェア

最近

あなたがLinuxの恋人している場合を探すために、ベストUbuntuの代替

さんが何かに精通取得することから始めましょう。 基本的な、少しオフトラック! あなたは今までLinuxとUbuntuの...

Gmailの受信トレイに署名を追加する方法 - GmailでGoogleの署名を追加します。

Googleによる受信トレイには、Googleが過去数年間に発売された最高のものの一つでした。 これは、統一された受信...

週刊技術のニュース:ノキア、Googleと任天堂

みなさん、こんにちは、それは金曜日、3月3日だとちょうどいつものように私たちは毎週のニュースラウンドアップに戻っていま...

初心者のためのラズベリーパイプロジェクト - あなたはラズベリーパイで何ができますか

ラズベリーパイは、低消費電力、ラズベリーパイ財団が作成したシングルボードコンピュータのシリーズです。 もともと発展途上...

Androidの2017のためのベストVPN - Androidの中でVPNを使用する方法

ゴーンは、VPNはハイテクsavviesやハッカーのためだけであった時代です! そして、私たちはこれらのサービスについ...

コメント