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

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

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

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

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

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

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

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

Кастомизация шаблона формы плагина webforms

Май 1, 2023 г.

Чтобы изменить штатный макет формы webform-submission-form.html.twig, требуется имплементация своего шаблона. Для начала определимся с именем шаблона. ...

Читать

Модификация тела письма перед отправкой в Drupal

Июнь 9, 2023 г.

Рассмотрим два варианта, как зацепиться к отправляемым письмам и внести туда свои изменения. Первый вариант заключается в прямом изменении тела письма перед отправкой. Для этого мы реализуем hook_mail_alter(&message). MAIL ALTER хук Переменная ...

Читать

Как работает position: sticky с bottom: 0 и почему он "не работает"

Август 6, 2025 г.

Иногда кажется, что position: sticky работает только с top. Указываешь bottom: 0 — и ничего не происходит. Особенно, если пытаешься сделать так, чтобы элемент "прилип" к нижней границе контейнера при прокрутке. Почему так? На деле position: sticky ...

Читать

Модификация формы регистрации в drupal

Март 3, 2010 г.

После установки, регистрационная форма друпала (drupal) имеет всего пару полей - login и email. В большинстве случаев это можно почитать за благо. Ибо ...

Читать
 

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

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



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