2017-12-29 25 views
1

、例えば:私はその音声波形を生成することができますどのようにHTML5 Webビデオからオーディオ波形を生成する方法は?プレーンなWebビデオ考える

<video src="my-video.mp4"></video> 

ビデオを再生せずに波形を生成することはできますか?


注:

  • 私は「どのようにキャンバスに波形を描画するために」ガイド、これを達成するために利用可能なAPIに興味がないんです。
  • プレーンJavaScriptをお願いします。ライブラリはありません。

答えて

2

私はビデオMEDIASはよくサポートされているかどうかわかりませんけれどもあなたがAudioContext.decodeAudioDataを試みる場合があります、それはおそらくコーデックとブラウザに大きく依存します。

私は、FF、クロム、サファリがmp4とmpeg4aオーディオでそれを受け入れることに少し驚いています。

動作する場合は、OfflineAudioContextを使用して、オーディオデータをできるだけ早く分析し、波形データを生成することができます。


も参照してくださいMDN article on Visualizations with Web Audio API

+0

拡張子を除いたMP4とM4Aの間に違いはありません - それはちょうどそれが簡単にコンテンツが何であるかを見分けるになり(とブラウザだけでは拡張子に頼ることはできません)。 – K3N

+0

btwがあります。 decodeAudioDataは波形プロットに使用できるデコードされたサンプルバッファを渡すので、offlinecontextの必要はありません。 – K3N

+0

@ K3Nいいえオーディオストリームがmpeg4aとしてエンコードされたビデオファイルで、mp4コンテナにカプセル化されたオーディオファイルではありません。 – Kaiido

関連する問題