問題タブ [webkitaudiocontext]
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.
audio - Safari: AudioContext MediaElementAudioSourceNode は、playbackRate を尊重しません
私は現在、AudioContext API を使用してビデオ クリップとバックグラウンド オーディオの両方のオーディオを制御するアプリケーションに取り組んでいます。MediaElementAudioSourceNodesプログラムでオーディオを調整できるように、AudioContext (したがって ) を使用したいと考えています。
アプリケーションはメディアをタイムラインに同期しているため、これは多くの場合playbackRate、メディア要素の を調整して追いつくことを意味します。Chrome では、これは問題なく機能します。調整するplaybackRateと、それに応じてメディアの速度が速くなったり遅くなったりします。Safari では、 を介してパイプされたオーディオMediaElementAudioSourceNodeは変更されたメディアplaybackRateを尊重せず、通常の速度でオーディオを再生し、数秒後に飛び散ります。(特にピッチ補正なしで、メディア要素から直接再生された場合、 Safari オーディオは を尊重しますが、これは別の既知の問題です)playbackRate
問題を再現する CodeSandbox を次に示します。ページの最初のプレーヤーは から直接オーディオを再生HTMLMediaElementし、2 番目のプレーヤーはMediaElementAudioSourceNode.
オーディオ ソースにを使用するなど、いくつかの方法を試しましたがAudioBufferSourceNode、頻繁に使用するクリップのサイズが大きいため、これは望ましい方法ではありません。可能であれば、AudioContextChrome と Safari の両方でも引き続き API を使用したいと考えています。
javascript - audiocontext が wav ファイルを再生しない
Audiocontext を使用して、サウンドに周囲の効果を与える方法を学ぼうとしています。
jfiddle などで簡単な例を設定するのに何時間も費やしましたが、次のリンクが見つかるまで、最も簡単な例を設定することができず、極端にイライラしていました。
https://codepen.io/Rumyra/pen/qyMzqN/
このオーディオリファレンスが含まれています：
動作します!しかし、HTML セクションの .mp3 ファイルを自分のファイルの 1 つである wav ファイルに置き換えたところ、動作しなくなりました。別の wav ファイルを試してみました: https://www2.cs.uic.edu/~i101/SoundFiles/StarWars3.wav でもうまくいきませんでした。
私の問題は、許可されていないオーディオコンテキストにwavファイルを使用していたことにあるようです。私が見つけたすべてのチュートリアルで、それについての手がかりが見つかりませんでした。私が使いたかったファイル？