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

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

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

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

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

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

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

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

Как определить загружен ли определенный плагин для jQuery

Сентябрь 7, 2018 г.

Возможно ли проверить загружен или нет определенный jQuery плагин? Нет ничего проще! Самый краткий вариант проверки того, определен ли в текущий ...

Читать

Скрыть/изменить стили выделения в HTML - псевдокласс css::selection

Март 12, 2019 г.

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

Читать

Примеры работы с EntityFieldQuery

Декабрь 7, 2017 г.

Один раз начав работать с EntityFieldQuery, вы уже не захотите городить SQL запросы с джойнами таблиц полей сущностей. Что то сложное, возможно, сделать будет слишком трудно на этом конструкторе, но типовые выборки данных делать приятно, быстро и удобно. ...

Читать

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

Март 22, 2018 г.

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

Читать
 

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

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



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