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

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

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

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

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

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

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

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

Создание модальных окон в javascript

Апрель 12, 2017 г.

Модальные окна - этот термин пришел из десктопных приложений. Класс модального окна отсутствует в чистом javascript, но развитие веб-приложений требует ...

Читать

Программно удаляем тип публикации в Drupal

Март 15, 2018 г.

Всё, что вы можете сделать из админки, может быть сделано программно. Удаление типа публикации в Drupal тоже можно сделать из кода на PHP. Перед тем как удалить тип публикации, возможно, стоит подчистить экземпляры нод данного типа. Потому сначала ...

Читать

Группировка строковых значений в выборке из базы данных

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

Группировка по полю, содержащему число, используется значительно чаще, чем группировка по текстовому полю. Я думаю, вы использовали функции вроде AVG(), ...

Читать

Поиск и замена терминов. Пример реализации.

Август 15, 2016 г.

Задача поиска и замены каких либо терминов в тексте кажется на первый взгляд довольно простой в PHP.  Есть очень мощные инструменты вроде str_replace, а также поиск и замена с помощью регулярных выражений, например, preg_replace и preg_replace_callback. ...

Читать
 

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

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



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