問題タブ [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 投票する
2 に答える
8051 参照

javascript - AudioBufferSourceNodeを2回再生しますか?

同じAudioBufferSourceNodeものを使ってサウンドを複数回再生できるようにする必要がありますか?何らかの理由でnoteGrainOn、2回目の呼び出しでは、が介在していても音声が再生されませんnoteOff

このコードはサウンドを1回だけ再生します。

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

javascript - 波形を視覚化して操作する Web オーディオ

オーディオ ファイルから波形を表示する JavaScript プログラムを作成するにはどうすればよいですか? Web Audio と Canvas を使いたい。

私はこのコードを試しました:

しかし、結果は私が望むものとはかけ離れています (つまり、長方形で描画しているため、画像は滑らかではありません)。この画像のように滑らかに見せたい:

波形例

波形の実装方法に関するヒントはありますか?

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

javascript - WebオーディオAPIを使用してオーディオを逆再生するにはどうすればよいですか?

WebオーディオAPIを使用してオーディオを逆再生するにはどうすればよいですか?APIドキュメントに何も見つからないようです...

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

javascript - webAudio/mozAudioから生のPCMデータを取得する

将来の使用のためにwebAudioAPIからの出力を保存しようとしていますが、これまでのところ、PCMデータを取得してファイルとして保存することで期待どおりになると思いますが、webAudioまたはmozAudioが出力ストリームの保存をすでにサポートしているかどうか疑問に思っています。出力ストリームからpcmデータを取得します

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

javascript - WebオーディオAPIに接続されたオーディオ要素でplaybackRateを設定する

createMediaElementSourceを使用してオーディオ要素をWebオーディオAPIに接続する実験を行って機能させましたが、オーディオタグの再生速度を変更する必要があり、それを機能させることができませんでした。

以下のコードを実行しようとすると、再生速度を設定した行のコメントを外すまで、コードが機能することがわかります。この行が含まれていると、オーディオがミュートされます。

source.playbackRate.valueを使用してAudioBufferSourceNodeで再生速度を設定できることはわかっていますが、これは私がやりたいことではありません。createMediaElementSourceを使用してWebオーディオAPIに接続しているときに、オーディオ要素で再生速度を設定する必要があります。したがって、AudioBufferSourceNodeはありません。

誰かがそれをなんとかやったことがありますか?

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

javascript - null エラーを返す decodeAudioData

ここにいる素敵な皆さんが、私が抱えているちょっとした問題を解決してくれることを願ってここに来ました。

具体的には、webkitAudioContext の decodeAudioData メソッドを使用しようとするたびに、常に null エラーでエラー ハンドラーがトリガーされます。これは私が現在使用しているコードです:

この時点で、常にエラー メッセージがコンソールerr(decodeAudioData) = nullに記録されます。いずれにせよ、なぜこれが起こっているのでしょうか?

Chrome Canary v20.0.1121.0 を使用して、何かを機能させようとしています。しかし、明らかに、それは機能していません!それで、私ができるかもしれない何か考えはありますか?新しい情報が必要な場合はお知らせください。必要に応じて更新します。

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

javascript - decodeAudioData (WebAudio API) の「有効な mp3 チャンク」を定義します

私は、decodeAudioData を使用して、より大きな mp3 ファイルの最初の部分を JavaScript でデコードして再生しようとしています。私の最初の粗雑なアプローチは、mp3 の先頭からいくつかのバイトを切り取り、decodeAudioData に供給することでした。驚くべきことではありませんが、これは失敗します。

掘り下げた後、decodeAudioData は、Fair Dinkum Thinkumによって文書化されているように、「有効な mp3 チャンク」でしか機能しないようです

ただし、有効な mp3 チャンクの構造については明確化されていません (前述の著者はこれについて触れていません)。そこに存在するさまざまなmp3スプリッターを認識していますが、プログラムでこれに取り組みたいと思います。(サーバー側でnodejsを使用して、一種の「貧乏人のストリーミング」を実装しようとしています)。

では、mp3 フレーム ヘッダーの分割で十分でしょうか、それとももっと行う必要がありますか? (おそらく、最後にいくつかのデータを追加して、すべてのチャンクを「閉じる」?) 「バイトリザーバー」はどうですか? これは問題を引き起こしますか? 記録のために、私は現在 128kbps の cbr mp3 を使用しています。これにより、何らかの方法でプロセスが簡素化されますか?

decodeAudioData が有効なデータとして期待するものに関する情報をいただければ幸いです。

ありがとうございました。

PS: これはおそらく、Fair Dinkum Thinkum の投稿についての説明を求める要求であることは承知していますが、私の評判が低いため、コメントを投稿できません。そのため、他に方法がわかりませんが、新しい質問があります。再度、感謝します。

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

javascript - Web オーディオ API のサウンド バンク

Buzz.js を使用して Web ページでサウンドを再生していますが、サウンド ファイルをダウンロードする場所が見つかりません。ピアノの鍵盤のバンク、または関連するサウンドファイルの他の大きなグループをどこで入手できるか知っている人はいますか (midi は素晴らしいでしょう)。できれば助けてください。

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

google-chrome - Web Audio API:シーク、再生-/バッファ-進行

Chromeのオーディオ要素を使用してオーディオを再生すると、迷惑なクリックやクラックが発生します。少なくとも64ビットLinuxのインストールでは、新しいFedoraバージョンをフォーマットしてインストールした後でも。(FirefoxとOperaは問題ありませんが、VirtualBox Windows 7のIE9でも問題ありません。)

ただし、オーディオ要素の代わりにWeb Audio APIを使用したデモでは、完璧なサウンドが得られます。それで、オーディオ要素のようにWeb Audio APIを使用できるかどうか疑問に思いましたか?ただし、このAPIでは実行できないと思われることがいくつかあります。それとも私は何かが足りないのですか?私がどこで見つけることができなかったもの:

  • 完全にロードされる前にファイルの再生を開始する
  • バッファの進行状況の更新を取得する(前のポイントによって異なります)
  • 再生の進行状況の更新を取得する
  • 求める

Web Audio APIでこれを行う方法はありますか?

これは私がそれを使用する場所です:http://tinyurl.com/magnatune-player

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

html - WebkitのオーディオAPIでMozAudioAvailableのようなものはありますか?

私はFirefoxのAudioAPIを試して、オーディオの無音を検出してきました。(ポイントは、半自動の文字起こしを有効にすることです。)

驚いたことに、この単純なコードは、多かれ少なかれ、無音と一時停止を検出するのに十分です。

不完全ですが、概念実証として、私は確信しています。

私の質問は、WebkitのAudio APIで同じことを行う方法はありますか?私が見たところ、それはサウンド処理よりも合成に向いています(しかし、おそらく私は間違っていますか?)。

(Webkitチームが、Mozillaが作成したのと同じインターフェースを実装してから、より洗練されたものに移ることを望んでいます...)