問題タブ [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.
api - Web オーディオ API ポリフォニー - 2 つの異なるゲイン ノードを使用すると機能しませんか?
独立したゲイン エンベロープを持つ 2 つのオシレーターを作成できないようです。
以下のコードは、それぞれが異なるピッチでサイン トーンを再生する 2 つのボタンを作成します。最初のボタンをクリックすると、トーンの音量が大きくなるのが聞こえます。しかし、2 番目のボタンをクリックすると、1 番目のトーンのゲインに接続されているかのようにトーンが反応します。たとえば、1 番目のトーンがボリューム 1 のときに 2 番目のボタンをクリックすると (2 番目のトーンをオンにする)、2 番目のトーンはボリューム 1 で入力されます。 10秒の。
オーディオ コンテキストごとにゲイン ノードを 1 つだけ持つことはできますか? それとも、これらのオシレーターのゲインが接続されている他の理由がありますか? また、トーンを一度鳴らすと二度と鳴らなくなってしまうので、特に自分のやり方が間違っていると思います。: )
ありがとう。リンクは下にあり、コードはその下にあります。これは私の最初の投稿ですので、何か他に必要なものがあれば教えてください。このコードは、Web オーディオ API をサポートするバージョンの Chrome または Safari で実行する必要があります。
http://whitechord.org/just_mod/poly_test.html
WAAPI テスト
javascript - WebオーディオAPIで再生を逆にしたが、順バージョンも保持するにはどうすればよいですか?
私の知る限り、Google Chrome(v21)のWebAudioAPIは以下をサポートしていません。
よろしくお願いします!私は辛抱強くなりますが、それまでの間、この投稿には優れた代替ソリューションがあります。ロードされたバッファリストからロードされた自分のオーディオサンプルを逆にしようとするためにそれを採用しました。ロードされた各バッファの順方向バージョンと逆方向バージョンの両方を使用できることを期待しています。
上記の関数は実際に再生を逆にしますが、すべてのバッファーが逆になるように、「storedbufferR」と「storedbuffer」の両方を逆にします。
ここで迷子になります...Array.protoypeがすべての配列に影響することを理解しているので、「storedBuffer」が「storedBufferR」の逆メソッドによってどのように影響を受けるかを確認できると思います。編集:逆の方法は問題のアレイにのみ影響します
しかし、上記の関数を書き直して、array.protoypeが逆にしたい保存されたバッファーにのみ影響するようにすることは可能ですか?そうでない場合は、順方向バージョンと逆方向バージョンの両方を保存する別の方法はありますか?
javascript - iOS 6 Web Audio API で音が出ない
私たちは HTML5 ゲームを作っているので、iOS 6 が Web Audio API をサポートしているのを見て本当に興奮しました。ただし、Web Audio API を使用して iOS 6 でサウンドを再生することはできません。サンプルはデスクトップ Chrome で正常に動作します。
これは、タッチ コントロールを備え、Web Audio API を介してオーディオを再生する HTML5 ゲームです (存在する場合 - 存在しない場合は、HTML5 オーディオにフォールバックします)。
http://www.scirra.com/labs/sbios6b/
編集: @Srikumar はいくつかの回避策を提案しました。以下のバージョンで適用しました。それでもうまくいきません!
http://www.scirra.com/labs/sbios6f/
デスクトップ Chrome ではすべて問題なく再生されますが、iOS 6 ではまったく音が出ません。私は Windows 開発のみを行っているため、デバッグに問題があり、iOS 6 ではデバッグ モードがリモート Web インスペクターに置き換えられましたが、これはどうやら Windows の Safari では使用できないようです。いくつかのアラートを使用して、Web Audio API を正しく識別し、それを使用し、Vorbis サポートを検出しないため、AAC オーディオにフォールバックし、バッファをデコードしてから再生し、エラーはスローされませんが、何も聞こえません。そして、もちろん、音量を最大にしてみました:)
iOS 6 は AAC を正常に再生できるため、コーデックの問題は発生しないはずです。.m4a のいずれかを参照してゲームを再生すると、Safari から直接アクセスして正常に再生されます。
ここで iOS 6 の Web Audio API の例を見る: http://chromium.googlecode.com/svn/trunk/samples/audio/samples.html - それらのいくつかは機能し、他のものは機能しません。たとえば、Chrome オーディオ ビジュアライザーは機能しますが、Javascript Droneは機能しません。
iOS 6 の Web オーディオとデスクトップ Chrome の間には、微妙な非互換性があるはずです。私は何が欠けていますか?
javascript - WebAudioAPIを使用した10バンドイコライザーの作成
Web Audio APIを使用して頭を包み込み、
Winampの10バンドイコライザーのようなものを再現しようとしています。
(出典:head-fi.org)
収集できるものから、10個のバイクアッドフィルターを作成し、それらtype
を2(バンドパスフィルターの場合)に設定しfrequency
、[60, 170, 310, 600, 1000, 3000, 6000, 12000, 14000, 16000]
それぞれに設定する必要があります。それが済んだら(そしてここで少し混乱します)、周波数「バンド」ごとに個別のゲインノードを作成し、その値をスライダーにバインドします。
それがすべて正しいと仮定すると、残りの唯一のステップは、10個のゲインノードすべてをオーディオコンテキストに接続することですdestination
(10個の周波数「バンド」すべてを取り、それらをミックス/同期することを想像します)。これは、Webオーディオの10バンドイコライザーを作成するための正しい方法ですか?
私が混乱している主なことは、すべてのノードが単一の入力または出力(宛先を含む)しかないため、ソースを10の周波数帯域フィルター(+関連するゲインノード)に「接続」する方法です。
javascript - Web オーディオ API の出力
私は、ユーザーが自分のメッセージを録音できるコミュニティ ベースのインターネット ラジオに取り組んでいます。
ユーザーがレコーディングにエフェクトを追加できるようにしたい (Biquad Filters、Reverb aso など)。
最終的なミックス (エフェクトを含む) を単一の PCM 出力 (オーディオ タグの例src="data:audio/wav;base64"
) に処理して、ポスト経由でミックスをサーバーに送信することはできますか?
私はこれを試しました:
しかし、それは私に何も与えませんでした。
html - Web Audio HTML5 createMediaElementSource が意図したとおりに動作しませんか? INVALID_STATE_ERR: DOM 例外 11
ページ上の既存のタグを取得し、それを取得して、Web オーディオ オーディオ コンテキストを介して再生する必要がある Web オーディオ プロジェクトがあります。
おそらく私はここで間違いを犯していますが、次のようにファイルをバッファにロードするとうまくいきます:
ただし、ページにタグを付けて設定し、次のようにサウンドを再生しようとすると:
INVALID_STATE_ERR: DOM Exception 11 が表示されます。Google 検索を使い果たしたような気がします。誰もが投稿する html5rocks の例では、ページに既に存在するタグを使用するのではなく、jQuery でタグを作成しています。
これは可能ですか?どんな助けでも大歓迎です!
html - マイク入力を視覚化するために processing.js を使用するコード サンプルはありますか?
p5.js を使用して、ブラウザー内でマイク入力を視覚化したいと考えています (Chrome の方が良い)。
ただし、Web オーディオ API https://dvcs.w3.org/hg/audio/raw-file/tip/webaudio/specification.htmlは非常に複雑であるため、気が狂ってしまいます。
サウンドの振幅を使用して p5 の描画を制御したいだけです。それだけ簡単です。
関連するコードサンプルがあるかどうかは誰にもわかりませんか?
どうもありがとう。
javascript - Internet Explorer での pcm データのサポート
HTML5 でオーディオ PCM データを再生するには、WebAudio API (Chrome ..)、( mozSetup 、mozWriteAudio in firefox ) を使用します。これらの API では、PCM データ (firefox) を追加したり、再生データのタイマーを指定したりできます (chrome の noteon 関数)。 . これらのタイプの API で Internet Explorer を検索しましたが、見つけられませんでした。IE で pcm データを再生する方法はありますか?
web-audio-api - HTML5 WebAudioApiを使用したオーディオ録音
Web Audio APIがWebAudioContextを使用して再生されたオーディオを保存する機能を提供するかどうか誰かが知っていますか?
javascript - decodeAudioData での Chrome タブのクラッシュ
カラムランドスケープ用に作成した小さなエンジンでwebglオーディオビジュアライザーを構築しようとしています。これは、時間の経過に伴う頻度分布に最適だと思いました。
現在のところ、これは coffeescript からコンパイルされたもので、タブがクラッシュします。
テストの結果、これは loadSound 関数のコンテキストのデコード オーディオ データ呼び出しで発生しています。
同じファイルの mp3 と ogg の両方を使用してテストされています。
http://www.html5rocks.com/en/tutorials/webaudio/intro/ およびhttp://www.smartjava.org/content/exploring-html5-web-audio-visualizing-soundのチュートリアルに従って 、ウェブ オーディオ API
私は XAMPP を使用してクロス オリジン共有ポリシーを回避しています。
Chrome のバージョン: 22.0.1229.94 助けてくれてありがとう!