Комментарии 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 ваша демуха не работает
НЛО прилетело и опубликовало эту надпись здесь
Лучше было бы раскрыть подробности алгоритма, как мне кажется. Гист без комментариев, особенно не зная руби, тяжеловато разобрать.
Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.
Создание кроссбраузерной визуализации аудио