問題タブ [audiocontext]

Webオーディオを訴えるオーディオコンテキストインスタンスを作成し、音楽ファイルをオーディオバッファとしてロードしました。今すぐ曲を再生できます。私の質問は、任意のノードでオーディオソース(オーディオバッファ)のテンポを設定できる方法はありますかそれに応じて再生しますか？

私は試してみました

上記の問題は、オーディオ ファイルのピッチを変更することです。ピッチを変更せずにテンポを変更するにはどうすればよいでしょうか。

Microsoft Edge のAudioContext.close()に相当するものはありますか? AudioContextを解放する方法はありますか、それとも必要ありませんか? Google Chrome では、「記録」インジケータが停止します。Microsoft Edge ではどのように変換されますか?

ブラウザーが Web Audio API をサポートしているかどうかを確認するために読んだ方法の 1 つは、次のコードを使用しています。

UWP には Audio Context オブジェクトがありますが、オーディオ ストリームの視覚化に関していくつかの奇妙な制限に直面しています。公式のデモ Web アプリケーションを 1 つ入手しましたが、これは Microsoft Edge 用で、UWP でも動作すると思いました。それは正しい仮定ですか？別のフレームワークを試す必要がありますか?

コードで生成されたさまざまなサウンドを再生するアプリがあります。これらのサウンドをAudioBufferSourceNode に配置します。 サウンドを再生する出力デバイスをユーザーが選択できるようにするため、MediaStreamAudioDestinationNodeとそのストリームを Audio Element のソースとして使用します。このようにして、ユーザーがサウンドを再生するオーディオ出力を選択すると、Audio 要素の Sink Id を要求されたオーディオ出力に設定します。

だから私は AudioBufferSourceNode -> いくつかのオーディオ グラフ (ゲイン ノードなど) -> MediaStreamAudioDestinationNode -> オーディオ要素を持っています。

最初のサウンドを再生すると、問題なく聞こえます。しかし、新しいソースを作成して同じ MediaStreamAudioDestinationNode に接続すると、サウンドが間違ったピッチで再生されます。

問題を示すFiddleを作成しました。

これはバグですか、それとも何か間違っていますか?

私はより良いコードを書き始めたいと思っており、特定の機能に関連するすべてのものをオブジェクト内に配置することは良い考えだと理解するようになりました.

編集：@SoftwareEngineer171の回答の概念を取り入れようとしました。今私はこれを持っています：

しかし、うまくいきません。誰でも理由を説明できますか？

このコードをアプリケーションの一部として使用したいのですが、オブジェクト リテラル内に配置します。

しかし、試してみると、ここで述べたような問題に遭遇しました。

コードを次のように開始します。

いつものようにどんな助けでも大歓迎です。

html5オーディオを視覚化するためにオーディオAPIのjsコードを使用しましたが、うまく機能しました ここではチュートリアル/コードです

リンク: https://www.developphp.com/video/Jav...o-API-Tutorial

そして、それはとてもうまく機能しますが、次のような外部リンクでsrcを変更すると問題が発生します:

src= " http://example.com/file.mp3 "

オーディオは音を出さず、視覚化は表示されませんが、視覚化コードを削除すると正常に動作します...変更しようとしました

と

オーディオは再生されましたが、まだ視覚化されていません..何ができるかわかりませんか？