Ответ 1
https://github.com/katspaugh/wavesurfer.js может быть тем, что вы ищете.
Как визуализировать звуковую форму на холсте HTML5?
Я хочу отобразить форму волны для аудиофайла (ogg и/или mp3) в элемент холста.
Мне было интересно, есть ли какие-нибудь библиотеки, которые сделают это простым? Я ищу результат в следующих строках: http://plucked.de/
Ответы
Ответ 2
Если вы не хотите загружать содержимое файла, тогда изображение на изображении или данные должны быть подготовлены на сервере.
Некоторое время назад BBC (да, британская медиакомпания) открыла набор инструментов для эффективного использования. Все описано в их блоге: http://www.bbc.co.uk/rd/blog/2013/10/audio-waveforms
Вскоре: на стороне сервера Linux вам необходимо преобразовать звуковой файл (FLAC, WAV или MP3) в интерполяцию осциллограмм на основе JSON с помощью audiowaveform командной строки инструмент. Затем вы передаете данные JSON клиенту браузера, который будет отображать форму волны на элементе canvas с waveform-data.js.
Ответ 3
Здесь еще один плагин js формы wave под лицензией MIT, но он может быть специфичен для SoundCloud и нуждается в дополнительной работе.