Страницы

Поиск по вопросам

воскресенье, 1 марта 2020 г.

Получение сырых данных Audio в js

#javascript #аудио


Допустим есть некий sampe.mp3. Я хочу с помощью javascript извлечь сырые данные и
нарисовать график этого звука. Как это сделать?
    


Ответы

Ответ 1



Визуализатор
На этом сайте график почему-то не рисуется, только кастомный прогресс воспроизведения, но код рабочий. Поэтому прикрепляю картинку, как должен выглядеть график:

Ответ 2



Ещё одна реализация рисования осциллограммы, и на этот раз без canvas, а путём программного создания графического рисунка стандартного формата прямо в оперативной памяти, (на примере формата BMP) и передачи его в элемент img в качестве src: Визуализатор

Есть нюансы - для правильного отображения должна быть задана ширина img id=oscillogram, кратная четырём, код работает пока только со стерео-аудиофайлами. Быстро декодируются аудиоданные только маленьких аудиофайлов, одна песня требует около минуты ожидания.

Комментариев нет:

Отправить комментарий