Редко реализуемый функционал — скорость воспроизведения. Возможно, вы делаете страничку — пульт для 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 и размещена в рубрике Программирование.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Июнь 6, 2017 г.
Этот проект я не создавал, а переносил с одного движка на другой, попутно решая некоторые актуальные задачи. Почему возникла потребность в переносе?
...
Читать
Июнь 3, 2023 г.
Продолжаем разбор классических задач по программированию. На этот раз лабиринтовая задача, которая формулируется так - дан плоский лабиринт в виде двумерного массива, где стенка отмечена 1, а свободный участок как 0. Также дана начальная позиция игрока, ...
Читать
Сентябрь 9, 2012 г.
При разработке собственного модуля удобно начинать не с чистого листа, а типового черновика. Можно сразу же сосредоточиться на написании полезного кода, а не рыскать по мануалам и чужим модулям, выискивая реализации типовых секций вроде инсталляции / ...
Читать
Март 20, 2016 г.
Наверняка вы слыхали о подходе MVC (model-view-controller) в веб-программировании. В Drupal для реализации данного подхода есть все необходимые инструменты. При этом уровень контроллера по большей части уже реализован, т.к. движок предлагает вам реализовать ...
Читать