Скорость воспроизведения аудио-трека (javascript, HTML5 тэг AUDIO)

Редко реализуемый функционал — скорость воспроизведения. Возможно, вы делаете страничку — пульт для DJ, где они смогут микшировать треки, замедлять их, включать и выключать их и т.д. Тогда эта возможность вам пригодится. :)

Итак, мы имеем объект AUDIO на нашей страничке, код HTML:

Скорость воспроизведения задаётся установкой свойства playbackRate объекта аудио плеера. Это свойство является множителем для скорости воспроизведения звука, потому нормальное значение = 1. Отрицательные значения будут генерировать исключение javascript.

Вот пример работы с данным свойством проигрывателя:

Для отслеживания смены скорости воспроизведения можно использовать событие ratechange.

Смотрите и другие свойства и события HTML5 audio.

Мало букафф? Читайте есчо !

Анимация ожидания загрузки/обновления, используя CSS3

Октябрь 26, 2015 г.

Одна из типичных задач для улучшения пользовательского интерфейса на сайтах - это визуализация ожидания загрузки/обновления страницы. Наиболее частый случай ...

Читать

Поиск самой длинной петли в графе

Март 26, 2023 г.

Как говорили учителя в школе - а теперь для самых умных задача со звездочкой. "Longest cycle in a graph" отмечена как сложная задача на leetcode. Давайте разберем как её решить. Дан массив, который описывает ориентированный граф. В каждой ячейке ...

Читать

Перерисовка без мерцания в C# WPF

Июль 10, 2020 г.

Классика задач связанной с анимацией. Требуется так перерисовать картинку, чтобы пользователь не видел мерцания, связанного с очисткой объекта canvas. Почему возникает эффект мерцания при перерисовке? Обычно это связано с техникой создания следующего ...

Читать

Как убрать поле ввода времени в date_popup

Март 22, 2018 г.

Если вы используете в своей форме (API Drupal 7) поле даты, поставляемое модулем date/date_popup,  то возможно, хотели бы избавиться от поля ввода времени. ...

Читать
 

Комментарии к «Скорость воспроизведения аудио-трека (javascript, HTML5 тэг AUDIO)»

Понравилась статья? Есть вопросы? - пишите в комментариях.



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