Мне действительно интересно создать какой-то эквалайзер/визуализатор для представления звука из моего тега <audio>
. До сих пор мне удалось найти несколько очень интересных экспериментов, которые визуализируют звук. Большинство из них основано на webgl и работает только в хроме. То, чего я не достиг, намного проще, это просто базовый, один цвет, 2-й визуализатор, ничего необычного.Визуализация html5 audio
Это что-то очень похоже на то, что я wan't достичь (какой-то изображение в середине и визуализации по бокам, очень простые, но мне это нравится;))
http://www.youtube.com/watch?v=yLRyAz0WFnw
Путь Я хочу работать, чтобы оказать/создать визуализацию на основе ГКЗА аудио тега, так, например
<audio id="test"
src="http://api.soundcloud.com/tracks/78404260/stream?client_id=7a17129ba9cd5fff34f847e3539829b7">
</audio>
<!-- Some example from sound cloud -->
и был бы холст тег на странице, которая берет исходный текстов из аудио тега с определенным идентификатором, в этом case "test". Я не думаю, что что-то такое простое должно требовать использования WebGl и хотело бы вместо этого использовать простой холст, поэтому он работает в большинстве браузеров с поддержкой html5. Я новичок в javascript, поэтому не знаю, с чего начать. Я упомянул несколько примеров, которые я нашел раньше, но смотреть на их источник совсем не помог. Я ищу элегантное решение, в котором ничего сложного не происходит. Я понимаю, что stackoverflow не запрашивает полный код, поэтому, если вы можете просто начать меня, например. объясните, как взаимодействовать со звуком, изменить размер этих «эквалайзерных палочек» в зависимости от того, что играет и т. д. было бы здорово;)) (предложения jQuery также приветствуются)
Вы упомянули о поддержке Chrome и Safari, что относительно ff и т. д.? те две опоры
обновленный ответ. – GameAlchemist