4

私は Web 開発が初めてで、Web Speech API を使用して単純な音声駆動の Web アプリケーションを開発しようとしています。この簡単なチュートリアルを使用して、音声駆動型アプリケーションの基本を学びました。

簡単なスタートとして書いたコードを次に示します。

<!DOCTYPE html>
<html>
  <head>    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
    </script>
    <script>        
       var recognition = new webkitSpeechRecognition();
       recognition.continuous = true;
       recognition.onresult = function(event) {
           alert("onresult even handler");
       }
       function startButton(event) {
          recognition.start();
       }
    </script>
  </head>
  <body>
    <div id = "text">
      <button id="start_button" onclick="startButton(event)">
        start
      </button>
    </div>
  </body>
</html>

しかし、Google Chrome ブラウザーで HTML ページを開いて [開始] をクリックすると、次のように表示されます。

ここに画像の説明を入力

クロス カメラ アイコンをクリックすると、次のドロップダウンが表示されます。

ここに画像の説明を入力

「ファイルがカメラとマイクにアクセスするかどうかを確認する」オプションを選択してページをリロードしても、同じことが繰り返されます。

これについてさらに調査したところ、Google Chrome では安全なサイト (https://) のみがカメラとマイクへのアクセスを許可されていることがわかりました。https でない場合、chrome はユーザーに確認せずにブロックします。しかし、ローカル ファイルがマイクの使用をブロックされている理由がわかりません。誰でもこれで私を助けてくれますか？前もって感謝します。

4

3 に答える 3

1

HTML プロジェクトをサーバーにデプロイする必要があります。これは、任意の localhost サーバーにデプロイすることで実行できます。

メディア関連の HTML ファイルは、サーバーに展開しないと正しく機能しません。

于 2013-10-26T10:56:11.923 に答える
-1

私はあなたのための解決策を持っているかもしれません:

1. Google Chrome 設定に移動します
。 2.詳細設定をクリックします
。 3.詳細設定を表示をクリックします。
4. [プライバシー]の下で、コンテンツ設定をクリックします
。

これが役立つことを本当に願っています！

さらにヘルプが必要な場合は、このリンクで詳細を確認してください。

于 2013-07-14T01:17:46.243 に答える