オーディオ信号のリアルタイム波形をプロットする方法について、SO にはいくつかの例があります。(例: audio からの JavaScript での波形の視覚化。)
私には少し異なる目標があり、それが可能かどうかはわかりません。
私は文字起こしアプリケーションを構築しており、波形の振幅のトレースをプロットしたいと考えています (このスクリーンショットのように)。
問題は、オーディオがどれくらいの長さになるか分からないので、リアルタイムでプロットする場合にキャンバスがどのくらいの大きさになる必要があるか分からないということです。
キャンバスを構築する前にオーディオ ファイル全体をロードし、その長さを確認する唯一の解決策はありますか?
私は、processing.jsとChromeのWeb Audio Apiを使用して、あなたの質問に似たソリューションを作成しました。以前にファイル全体をロードしたくない場合は、動的に呼び出すことができるデータベースにオーディオファイルの長さとサンプルレートを保存することをお勧めします。これは、実際にファイルをロードする前に必要なキャンバスサイズを把握するのに十分な情報である必要があります。
さらに、私のアプリケーションでは、オーディオファイルの長さに関係なく、キャンバスサイズを一定の幅に保ちたいので、波形ウィンドウの幅に合わせて波形を水平方向にスケーリングしました。
これを支援するためのコードサンプルが必要な場合は、私に知らせてください。
