Визуализация аудио с помощью JavaScript

Добрый день. Интересует реализация такой задачи, как получение неких параметров из звука. Суть в том, что хочется сделать некий визуализатор (эквалайзер что-ли) на JS, который допустим создавал 15 блоков и менял их высоту динамически в зависимости от каких либо параметров звука (частоты там например).

Существует ли вообще такая возможность?

1 ответов


Для решения задачи вам потребуется изучить спецификации аудио форматов. JS может анализировать файлы.

>Существует четыре метода асинхронного чтения файлов с помощью объекта FileReader.
>
>FileReader.readAsBinaryString(Blob|File) – свойство result содержит данные о файле или его фрагменте в виде строки бинарного кода. Каждый байт представлен целым числом от 0 до 255.
>FileReader.readAsText(Blob|File, opt_encoding) – свойство result содержит данные о файле или его фрагменте в виде текстовой строки. По умолчанию используется кодировка UTF-8. Чтобы задать другой формат, используйте необязательный параметр кодировки opt_encoding.
>FileReader.readAsDataURL(Blob|File) – свойство result содержит данные о файле или его фрагменте в виде схемы data:URL.
>FileReader.readAsArrayBuffer(Blob|File) – свойство result содержит данные о файле или его фрагменте в виде объекта ArrayBuffer.
Источник