問題タブ [web-audio-api]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
136 参照

api - JS を使用したオーディオの読み込みと再生に問題がある

ここで読み込みと再生の方法に疲れました:
http://chromium.googlecode.com/svn/trunk/samples/audio/doc/loading-sounds.html
独自の html と js コードを書きましたが、オーディオの読み込みに問題がありました。私は常に null の bufferList と arraybuffer を取得します。理由はわかりません。誰かが簡単なコードを書くか、websocket を使用して送信できるようにオーディオを配列にロードする方法を教えてください。
ここにコードを追加する方法はわかりませんが、私のコードは非常に似ています。リンクからのコードで。

0 投票する
2 に答える
3640 参照

streaming - クライアント側 XHR 経由で Soundcloud トラックの stream_url を開きますか?

XHR経由でSoundcloud APIを呼び出すことができるので(CORSヘッダーが送信されるため、http://backstage.soundcloud.com/2010/08/of-cors-we-do/ですよね?)これがたとえば、トラックの stream_url のように、オーディオ データ自体で可能です。

Web Audio API を使用して (クライアント側から) XHR で stream_url を開こうとすると、Origin is not allowed by Access-Control-Allow-Origin が表示されます。エラー。Client-Side-Javascript から XHttpRequest 経由で Audio リソースをロードする方法はありますか、それとも不可能ですか ( https://stackoverflow.com/questions/10871882/audio-data-api-and-streaming-a-no-go ) ?

これにより、Web Audio API でいくつかの非常に優れたことが可能になるため、素晴らしいことです。

ありがとう!

アップデート

問題は、呼び出し時に取得する 302 リダイレクトに関係している可能性があります。

または、実際のメディア ファイルを要求するその他の呼び出し (コメントを参照)。

元の JSON 応答には CORS ヘッダーがありますが、リダイレクトの場所にはありません。

0 投票する
1 に答える
1436 参照

audio - Web Audio API - 通常の LR パニングに AudioPannerNode を使用する方法

AudioPannerNode は、入力オーディオ ストリームを 3 次元空間に配置/空間化する処理ノードです。通常の LR パンニングに使用する方法はありますか?3D デカルト座標系をリスナーと組み合わせて使用​​することを念頭に置いて、その位置と向きをパンナーの位置と向きと一緒に使用して、オーディオの空間化方法を決定しますか? または、AudioPannerNode をスキップして、LR ゲイン ノードでこれを達成しようとする必要がありますか?

0 投票する
2 に答える
2997 参照

javascript - Web Audio API を使用して出力バッファにアクセスするにはどうすればよいですか?

出力/宛先バッファ内のオーディオ データにアクセスしたいと思います。具体的には、データをファイルに保存したいと思います。また、カスタム エフェクトをAudioNodeとして追加したいと思います。

Web Audio API を使用してこれを実現するにはどうすればよいですか? Specs にAudioDestinationBufferインターフェースまたはカスタムAudioNodeを追加する方法が表示されません。

0 投票する
4 に答える
4372 参照

javascript - audiodata を AudioBufferSourceNode にロードします。

<audio/>-element 経由createMediaElementSourceでオーディオファイルをロードし、オーディオデータをAudioBufferSourceNodeにロードすることは可能ですか?

noteOnおよびのような Buffer メソッドを使用したいので、オーディオ要素をソース (MediaElementSource) として使用することはオプションではないようnoteGrainです。

残念ながら、オーディオファイルを XHR 経由でバッファーに直接ロードすることもできません (クライアント側の XHR を介して Soundcloud トラックの stream_url を開きますか? を参照してください) 。

ただし、オーディオ要素からバッファの内容をロードすることは可能であるようです:

http://www.w3.org/2011/audio/wiki/Spec_Differences#Reading_Data_from_a_Media_Element

<audio/>または、 -element のバッファをsourceNode として直接使用することさえ可能ですか?

0 投票する
3 に答える
5547 参照

javascript - Web Audio API:noteOff後のnoteOnが機能していませんか?

Web Audio APIを使用して簡単なWebアプリを作成しましたがnoteOn(0)、特定のソースにコマンドを発行し、次に、を発行しnoteOff(0)、最後に別のnoteOn(0)コマンドを発行すると、サウンドがオン、オフになります(予想どおり) )しかし、3番目のコマンドではオンになりません。

私が間違っていることはありますか?それはそれと同じくらい簡単です、私はあなたにコードを見せることができます、しかし私はそれが冗長であると感じます。おそらく、の後にバッファをソースに再割り当てする必要がありますが、noteOffそれが意図された方法であるとは想像できません。

0 投票する
2 に答える
4031 参照

javascript - HTML5でオーディオを録音するコードの何が問題になっていますか?

最新のChromeベータ版(バージョン21.0.1180.15)のマイクを介してオーディオを録音しようとしています。現在、それを行うためのほとんどすべてがChromeベータ版に実装されているようです。マイクにもアクセスできます。audioストリームを要素に接続することはできませんが。しかし、私の理解では、バグがなければ機能するはずです。

createMediaStreamSource()まだ実装されていません。createMediaElementSource()回避策として、マイクからのオーディオをミュートされたaudio要素を介してルーティングするために使用したいと思います。

以下のコードを使用すると、コンソールに次の2つのエラーメッセージのいずれかが表示されます。

GET blob:file%3A /// 625fd498-f427-43d5-959b-3b49c6d53ab5 404(見つかりません)

また

ローカルリソースの読み込みは許可されていません:blob:null / 8df582cc-b663-489b-bf49-1785226fc7b7

エラーの原因は次のとおりです。

この行に何か問題がありますか?ストリームをaudio要素ソースに接続するにはどうすればよいですか?それとも、オブジェクトURLを作成できなくなるのはChromeのバグですか?

コード:

0 投票する
9 に答える
24265 参照

javascript - Web Audio API の一時停止からの再開

Web Audio APIで音声ファイルを一時停止/再開できないという記事をよく読みます。
しかし今、実際に一時停止と再開を可能にした例を見ました。彼らがどのようにそれをしたのかを理解しようとしました。多分鍵だと思っsource.looping = falseたが、そうではなかった。
今のところ、私のオーディオは常に最初から再生されています。

これは私の現在のコードです

それを機能させるために何をすべきか知っている人はいますか?

0 投票する
2 に答える
742 参照

web-audio-api - JQueryUIスライダーとWebAudioAPIのgainNodeを接続する方法

Web Audio APIを使用して、JQueryスライダーをオシレーターのゲインノードに接続しようとしています。

オシレーターは機能し、ゲインスライダーが機能し、JQueryスライダーがあります。JQueryスライダーで、他のスライダーと同じようにゲインを制御したいと思います。

これまでのコードは次のとおりです

http://jsfiddle.net/taoist/JCTJj/2/

0 投票する
1 に答える
983 参照

javascript - Web SQLデータベースからオーディオを取得し、WebAudioAPIで再生する

ArrayBufferを(mp3をarraybufferとして取得するためのXMLHttpRequest呼び出しから)Web sqlデータベースに保存し、オブジェクトArrayBufferを返すsqlクエリから取得するコードがあります。ただし、decodeAudioDataまたはcreateBufferを実行しようとすると、タイプエラーが発生します。

var buffer = audioContext.createBuffer(result.xtalk、false);

キャッチされないTypeErrorを与える:タイプエラー

result.xtalkにアラートを入れた場合はオブジェクトArrayBufferです

これはMacのChrome21.0.1180.75にあります

ArrayBufferを作成し、バイトごとに埋めてからそれを渡してみましたが、それも機能しませんでした。