成長キャンバスでの音声のプロット振幅トレース - 可能ですか？

Question

オーディオ信号のリアルタイム波形をプロットする方法については、いくつかの例があります。 （例：Waveform visualization in JavaScript from audio）

私は若干異なる目標を持っており、可能かどうかはわかりません。

私は転写アプリケーションを構築しており、波形の振幅のトレースをプロットしたいと考えています（this screenshotのように）。

オーディオはどれくらいの期間であるのか分かりませんので、リアルタイムでプロットすればキャンバスの大きさはわかりません。

オーディオファイル全体を読み込み、キャンバスを作成する前にその長さを確認する唯一の方法はありますか？

Answer 1

processing.jsとChromeのWeb Audio APIを使用して質問に似た解決策を作成しました。以前にファイル全体をロードしたくない場合は、動的に呼び出すことができるデータベースにオーディオファイルの長さとサンプルレートを保存することをお勧めします。これは、実際にファイルをロードする前に必要となるキャンバスのサイズを把握するのに十分な情報でなければなりません。

私のアプリケーションでは、オーディオファイルの長さに関係なく、キャンバスのサイズを一定の幅に保ちたいので、波形ウィンドウの幅に合わせて波形を水平にスケーリングしました。

これを手助けするためのコードサンプルが必要な場合はお知らせください。