if (annyang) { /*邏輯*/ }

processcommands scope scopeこの方法はそれほどエキサイティングではありません。それは議論としてコマンドを取り、それに応答するための適切な方法を呼び出します。正規(guī)表現(xiàn)を使用して、ユーザーが特定の曲を再生したいかどうかを確認(rèn)します。そうしないと、異なるコマンドをテストするためにスイッチステートメントに入ります。受信コマンドに対応していない場(chǎng)合、コマンドが理解されていないことをユーザーに通知します。 play

オブジェクトがあります。次に、ユーザー入力を識(shí)別および処理するためにいくつかのコードを記述する必要があります。これはWebKitブラウザにのみ適用されることに注意してください。

ユーザーが以前と同じようにシンプルなアプリに話しかけるコード：

audioPlayerこれにより、ユーザーがページにマイクにアクセスできるようになります。アクセスを許可する場(chǎng)合は、話を開始できます。停止すると、イベントがトリガーされ、Voice Captureの結(jié)果がJavaScriptオブジェクトとして利用可能になります。

リファレンス：HTML5音聲認(rèn)識(shí)API

var commands = {
  'show divs': function() {
    $('div').show();
  },
  'show forms': function() {
    $("form").show();
  }
};

onresultご覧のとおり、オブジェクト上で

は、起源に基づいた認(rèn)識(shí)結(jié)果を改善する興味深いオプションです。

次に、

annyang.addCommands(commands);
annyang.start();

イベントのハンドラーを宣言します。 webkitSpeechRecognition

結(jié)果の処理

スピーチ認(rèn)識(shí)者が結(jié)果を得ると、少なくとも現(xiàn)在の音聲認(rèn)識(shí)の実裝と私たちのニーズのコンテキストで、いくつかのことをしたいと考えています。結(jié)果が発生するたびに、それを配列に保存し、ブラウザがさらに結(jié)果を収集できるように3秒間待機(jī)するタイムアウトを設(shè)定したいと考えています。 3秒後、収集された結(jié)果を使用して、それらを逆順序でループし（新しい結(jié)果が正確である可能性が高い）、特定されたトランスクリプトに利用可能なコマンドのいずれかが含まれているかどうかを確認(rèn)します。その場(chǎng)合、コマンドを?qū)g行し、音聲認(rèn)識(shí)を再開します。最終結(jié)果を待つのに最大1分かかることがあるため、これを行います。これにより、ボタンをクリックするだけで速くなるため、オーディオプレーヤーはかなり反応して意味がなくなります。

<??>

ライブラリを使用していないため、音聲認(rèn)識(shí)者をセットアップし、各結(jié)果をループし、その転寫が指定されたキーワードと一致するかどうかを確認(rèn)するために、より多くのコードを作成する必要があります。

最後に、音聲認(rèn)識(shí)の終わりにすぐに再起動(dòng)します：

if (annyang) { /*邏輯*/ }

このセクションの完全なコードをこちらで表示できます。

それだけです。これで、完全に機(jī)能的で音聲制御されたオーディオプレーヤーができました。 Githubからコードをダウンロードして試してみるか、Codepenデモをチェックすることを強(qiáng)くお?jiǎng)幛幛筏蓼?。また、HTTPSを介してサービスを提供するバージョンも提供しています。

結(jié)論

この実用的なチュートリアルが、Web Voice APIの可能性の良い紹介を提供することを願(yuàn)っています。実裝が安定し、新機(jī)能が追加されると、このAPIの使用が成長することがわかります。たとえば、將來のYouTubeは完全に音聲制御されていると思います。ここでは、さまざまなユーザーのビデオを視聴したり、特定の曲を演奏したり、音聲コマンドを使用して曲を移動(dòng)したりできます。

Web Voice APIは、他の多くの領(lǐng)域を改善したり、新しい可能性を開いたりすることもできます。たとえば、Voiceを使用して、メールを閲覧したり、Webサイトをナビゲートしたり、ネットワークを検索したりします。

プロジェクトでこのAPIを使用していますか？以下のコメントでお聞きしたいです。

Web Voice API（FAQ）を使用した音聲制御オーディオプレーヤーについてよく尋ねる質(zhì)問

音聲制御されたオーディオプレーヤーを使用することの利點(diǎn)は何ですか？

音聲制御されたオーディオプレーヤーにはいくつかの利點(diǎn)があります。まず、ハンズフリーエクスペリエンスを提供します。これは、ユーザーが他のタスクで忙しい場(chǎng)合に特に便利です。第二に、モビリティが低下したユーザーのアクセシビリティを強(qiáng)化することができます。これは、従來のコントロールを使用するのが困難な場(chǎng)合があります。最後に、アプリを競(jìng)爭(zhēng)から際立たせることができる斬新で魅力的なユーザーエクスペリエンスを提供します。

任意のWebブラウザでVoice APIを使用できますか？

Google Chrome、Mozilla Firefox、Microsoft Edgeなど、ほとんどの最新のWebブラウザーはVoice Web APIをサポートしています。ただし、サポートはバージョンとプラットフォームによって異なる場(chǎng)合があるため、APIをアプリケーションに統(tǒng)合する前に、特定のブラウザの互換性を確認(rèn)することが常に最適です。

音聲制御されたオーディオプレーヤーの音聲認(rèn)識(shí)の精度を改善する方法は？

高品質(zhì)のマイクを使用し、バックグラウンドノイズを減らし、APIをトレーニングして、ユーザーの音聲とアクセントをよりよく理解して、音聲認(rèn)識(shí)の精度を向上させることができます。さらに、アプリケーションにエラー処理を?qū)g裝して、未確認(rèn)のコマンドを処理し、ユーザーにフィードバックを提供できます。

音聲制御されたオーディオプレーヤーで音聲コマンドをカスタマイズできますか？

はい、音聲制御されたオーディオプレーヤーで音聲コマンドをカスタマイズできます。これは、アプリケーションコードで獨(dú)自のコマンドセットを定義することで実行できます。これは、Web Voice APIが認(rèn)識(shí)して解釈することです。これにより、特定のニーズと好みに基づいてユーザーエクスペリエンスをカスタマイズできます。

Web Voice APIは英語以外の言語をサポートしていますか？

はい、Web Voice APIは複數(shù)の言語をサポートしています。 API設(shè)定で言語を指定でき、その言語のコマンドを認(rèn)識(shí)して解釈します。これにより、國際的な聴衆(zhòng)向けのアプリケーションを開発するための普遍的なツールになります。

Web Voice APIのセキュリティはどうですか？

Web Voice APIは、セキュリティを念頭に置いて設(shè)計(jì)されています。安全なHTTPS接続を使用して音聲データを送信し、個(gè)人情報(bào)を保存しません。ただし、他のWebテクノロジーと同様に、ソフトウェアを定期的に更新したり、一般的なWebの脆弱性からアプリケーションを保護(hù)するなど、セキュリティベストプラクティスに従うことが重要です。

モバイルアプリケーションでWeb Voice APIを使用できますか？

Voice Web APIは主にWebアプリケーションで使用するように設(shè)計(jì)されていますが、Webビューを通じてモバイルアプリケーションでも使用できます。ただし、ネイティブモバイルアプリケーションの場(chǎng)合、より良いパフォーマンスと統(tǒng)合を提供する可能性のあるプラットフォーム固有の音聲認(rèn)識(shí)APIの使用を検討することをお?jiǎng)幛幛筏蓼埂?

Web Voice APIの制限は何ですか？

Web Voice APIは強(qiáng)力なツールですが、いくつかの制限があります。たとえば、インターネット接続が機(jī)能する必要があり、その精度は、バックグラウンドノイズやユーザーアクセントなどの要因の影響を受ける可能性があります。さらに、APIサポートは、Webブラウザとプラットフォームによって異なる場(chǎng)合があります。

音聲Web APIを始める方法は？

Web Voice APIを開始するには、JavaScriptとWeb開発の基本を理解する必要があります。その後、機(jī)能とそれらの使用方法に関する詳細(xì)な情報(bào)を提供するAPIドキュメントを閲覧できます。また、APIを獨(dú)自のアプリケーションに統(tǒng)合する方法を?qū)Wぶのに役立つ多くのオンラインチュートリアルや例もあります。

以上がWebスピーチAPIで音聲制御されたオーディオプレーヤーを作成するの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國語 Web サイトの他の関連記事を參照してください。