HTML5キャンバスにオーディオ波形をレンダリングする方法は？

オーディオファイル（oggやmp3）の波形をキャンバス要素にレンダリングしたい。HTML5キャンバスにオーディオ波形をレンダリングする方法は？

これを簡単にするライブラリがあるのだろうかと思っていましたか？私はこれらのラインに沿って結果を探しています：http://plucked.de/

2012-09-02 nak

https://github.com/katspaugh/wavesurfer.jsあなたが探しているものかもしれません。

2012-09-02 07:42:42 nak

あなたが曲を再生することができます前に、波が現れる待たなければならなくて、それを使用する方法を知っていますか？それは本当に遅いです：/（私のウェブサイトのテストを見てください：[リンク]（http://patrickcosta.webs.com/index.html） –

いいえ、私はあなたが方法を見つけて願っています！別のプロジェクト – nak

OSSの代替案は？クリエイティブ・コモンズ3の下で公開されています... –

ファイルの内容をダウンロードしない場合は、波形イメージまたはデータをサーバー上で準備する必要があります。

しばらく前にBBC（はい、英国のメディア会社）がオープンソースツールを使用して効率的に処理しました。 http://www.bbc.co.uk/rd/blog/2013/10/audio-waveforms

短く：Linuxサーバー側では、audiowaveformコマンドラインツールを使用して、サウンドファイル（FLAC、WAVまたはMP3）をJSONベースの波形補間に変換する必要があります。次にJSONデータをブラウザクライアントに提供し、カンバスエレメントの波形をwaveform-data.jsでレンダリングします。

出典

2015-12-23 19:56:56 gertas

これは、MITライセンスの下で別の波形jsプラグインですが、SoundCloud固有のもので、追加作業が必要な場合があります。

http://www.waveformjs.org/

出典

2015-12-28 15:56:08 Why

へようこそ！スタックオーバーフローへようこそ！参照：[**私はコミュニティにやさしい方法で外部リソースにリンクするにはどうすればいいですか？**]（https ：//meta.stackexchange.com/questions/94022/how-can-i-link-to-an-external-resource-in-a-community-friendly-way） –

HTML5キャンバスにオーディオ波形をレンダリングする方法は？

答えて

関連する問題