Редко реализуемый функционал — скорость воспроизведения. Возможно, вы делаете страничку — пульт для DJ, где они смогут микшировать треки, замедлять их, включать и выключать их и т.д. Тогда эта возможность вам пригодится. :)
Итак, мы имеем объект AUDIO на нашей страничке, код HTML:
|
|
<audio id="player" src="my-audio-track.mp3"></audio> |
Скорость воспроизведения задаётся установкой свойства playbackRate объекта аудио плеера. Это свойство является множителем для скорости воспроизведения звука, потому нормальное значение = 1. Отрицательные значения будут генерировать исключение javascript.
Вот пример работы с данным свойством проигрывателя:
|
|
//выбрали объект проигрывателя var pl = document.getElementById("player"); //задали ускоренное вдвое воспроизведение pl.playbackRate = 2.0; pl.play(); |
Для отслеживания смены скорости воспроизведения можно использовать событие ratechange.
|
|
pl.addEventListener( "ratechange", function () { //код обработки события ; }, false); |
Смотрите и другие свойства и события HTML5 audio.
Данная запись опубликована в 21.12.2015 21:45 и размещена в рубрике Программирование.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Май 24, 2023 г.
Если у вас собран Drupal + Commerce, то, возможно, при обновлении модуля метатегов возникает ошибка.
Модуль не находит таблицы мета информации для сущности commerce_product и прерывается с выводом сообщения:
[crayon-6a85e9a02015e704308286/] ...
Читать
Сентябрь 15, 2025 г.
Иногда возникает задача: в Twig-шаблоне параграфа (paragraph.html.twig) нужно отобразить заголовок материала (ноды), к которому этот параграф прикреплён.
Нам не нужно передавать что то дополнительно в шаблон, эти данные могут быть получены из самой ...
Читать
Октябрь 19, 2015 г.
Очень простая мулька, но выглядит при соответствующем фоне потрясающе. Сделаем так, чтобы при скроллинге страницы, фон двигался вдвое медленнее, создавая что то вроде эффекта параллакса.
Этот кусочек скрипта привязывает нас к событию onscroll окна. ...
Читать
Август 31, 2023 г.
Метод работает не только с ролями, но и любой другой логикой, которую вы в силах реализовать в коде.
Нам понадобится hook_views_pre_render, где мы выполним проверку и отключим не нужное нам поле представления.
[crayon-6a85e9a020545621732531/] ...
Читать