Пользовательский проигрыватель Soundcloud (javaScript) создает анализатор спектра - PullRequest
0 голосов
/ 07 мая 2011

Я внедряю пользовательский проигрыватель Soundcloud (https://github.com/soundcloud/soundcloud-custom-player) на моем сайте.

Я хотел бы создать анализатор спектра, который движется в зависимости от звука.

Я действительно понятия не имею, с чего начать или вообще возможно ли это.

Пожалуйста, проверьте мой сайт, чтобы понять, что я имею в виду: http://dev.upcoming -djs.com

Справа вы видите игрока, и когда вы нажимаете на кнопку воспроизведения, он начинает играть, и эквалайзер начинает двигаться.

В настоящее время это искусственный эффект, но я хочу, чтобы он двигался вместе со звуком.

Все предложения и / или помощь, конечно, очень ценятся.

Ответы [ 4 ]

4 голосов
/ 08 мая 2011

Добавил мой комментарий в качестве ответа:

Возможно, вы захотите заглянуть в HTML5 Audio Data API.Кроме того, вам понадобится Flash, если вы хотите иметь законный анализатор спектра (что, кстати, то, что вы просите. Не эквалайзер).

Редактировать:

Для всех, кто интересуется, у меня есть быстрое и грязное демо здесь: http://kevincennis.com/audio/ (только Chrome)

Источник не минимизирован, ноне особо хорошо прокомментировал.Не стесняйтесь воровать, что хотите.

1 голос
/ 26 августа 2011

Я написал статью об этом, если вам интересно. http://www.flobii -cc.com / 2011/04 / простой FFT-веб-visualization.html

Я использовал SoundManager2-API (нужна прошивка) для получения данных о спектре и HTML5 Canvas для их визуализации.

(HTML5 Audio API ограничен только несколькими браузерами)

1 голос
/ 19 июля 2011
1 голос
/ 07 мая 2011

Простой ответ: это невозможно сделать, просто используя javascript.

Вы можете использовать такой плагин, как flash, который имеет обширный аудио API и установлен на большой процент браузеров веб-пользователей в качестве плагина или для изучения экспериментального аудио API HTML5.

надеюсь, это поможет

...