2013-04-11 14 views
7

誰かがHTML5を使用してデフォルトのマイクから音声をキャプチャする方法を教えてもらえますか? 利用可能なサンプルが多数ありますが、どれも動作していないようです。 私は試しましたAudio capturing with HTML5 フラグが有効なクロムでのみ動作するためです。 NavigatorUserMediaErrorを取得しています。アドレスバーの動画アイコンに赤い十字記号が表示され、「このページはカメラとマイクにアクセスできなくなっています」と表示されます。HTML5デフォルトのマイクの音声をキャプチャ

答えて

8

HTML5 Rocksに関する素晴らしい記事があります。これは私が引っ張ったものです。 http://updates.html5rocks.com/2012/09/Live-Web-Audio-Input-Enabled

// success callback when requesting audio input stream 
function successCallback(stream) { 
    var audioContext = new (window.webkitAudioContext)(); 

    // Create an AudioNode from the stream. 
    var mediaStreamSource = audioContext.createMediaStreamSource(stream); 

    // Connect it to the destination to hear yourself (or any other node for processing!) 
    mediaStreamSource.connect(audioContext.destination); 
} 

function errorCallback() { 
    console.log("The following error occurred: " + err); 
} 

navigator.webkitGetUserMedia({audio:true}, successCallback, errorCallback); 
+1

ご返信ありがとうございます。私もこれを持っています。動作していないようです。リンクから、2つのサンプルライブデモを得ることができます。 [One](http://webaudiodemos.appspot.com/pitchdetect/index.html)と[Two](http://chromium.googlecode.com/svn/trunk/samples/audio/visualizer-live.html)いずれも機能していないようです。どちらも私にマイクの使用を許可するように求めていますが、その後は何も起こりません。唯一の変更は、タイトルアイコンにゆっくりと点滅する赤い球があることです。私のクロムは最新であり、また私は「Web Audio Input」を有効にしています。誰でも作業サンプルを提供できますか? – abduIntegral

+0

これに関する更新はありますか? –

+1

HTML5 Rocksは、これらのAPIが新しくなったときにいくつかのWebオーディオデモを作成しましたが、APIが進化するにつれてデモを更新しませんでした。残念ながら、いくつかのWebオーディオデモはもはや機能しません。 –

3

あなたがウェブサーバからのデモを開始することを確認します - 単純に動作しませんファイルシステムから&スタートをコピー/ペースト - クロムにあなたは、このようマイクへのアクセスを得ることはありません。

2

最近(確かではない)Chromeは、getUserMediaを有効にするためにSSL経由でページにアクセスするという要件を追加しました。

関連する問題