Comments 16
И, собсно, вопрос — при чем тут JS ?) Этот вопрос был уместен еще и в статье от Microsoft, но у вас от JS осталось только анимация изменения высоты столбиков, audio тут вообще не при чем)
под firefox есть полифил. Так как доля огнелиса и хрома (а так же и оперы в некоторых регионах) довольно высока, можно использовать хак с данными в json только в качестве fallback-а. что сэкономит ~200 килобайт траффика на трек.
Какое-то решение в лоб, ну выкладывайте тогда ваш ruby посмотрим что там :)
Сделал гист для вас :)
Хм, надеялся увидеть способ только на JS, а тут по сути визуализация JSON, а не аудио.
Обратите внимание на «toggle FFT spectrum» вверху демки. По-моему, там задержек нет. Ну а рисовать-то можно по-разному. К тому же, возможно, ради общей плавности разработчик демки пожертвовал отзывчивостью.
А ещё, к слову, демка в Firefox'е ощутимо подтормаживает. Хотя, быть может, причина в том, что я отключил direct2d.
Тем не менее, благодарю за приведённые вами статью и демо. Выглядит действительно интереснее.
А ещё, к слову, демка в Firefox'е ощутимо подтормаживает. Хотя, быть может, причина в том, что я отключил direct2d.
Тем не менее, благодарю за приведённые вами статью и демо. Выглядит действительно интереснее.
Добавьте тогда тег Ruby к описанию. А то действительно возникло недопонимание о том, что увидим внутри поста.
Может быть имело бы смысл увеличить шаг по времени до 0,1-0,2 сек, а плавность обеспечить CSS транзишенсами?
Спасибо за классную статью! Мы тоже как-то столкнулись с такой задачей. Мы реализовали визуализацию с помощью функций библиотеки Soundmanager2. Минусом было то, что для получения данных с частот она использовала Flash, что, естественно, не работает без него.
В процессе поисков кроссбраузерного решения тоже решили, что было бы классно заранее генерировать JSON на сервере. К сожалению, руки до этого не дошли. А тут, история успеха, да еще и гистом поделились. Спасибо :)
В процессе поисков кроссбраузерного решения тоже решили, что было бы классно заранее генерировать JSON на сервере. К сожалению, руки до этого не дошли. А тут, история успеха, да еще и гистом поделились. Спасибо :)
В IE ваша демуха не работает
Лучше было бы раскрыть подробности алгоритма, как мне кажется. Гист без комментариев, особенно не зная руби, тяжеловато разобрать.
Sign up to leave a comment.
Создание кроссбраузерной визуализации аудио