Редко реализуемый функционал — скорость воспроизведения. Возможно, вы делаете страничку — пульт для 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, 2019 г.
Браузер сообщает об ошибке всплывающим окном вроде того, что на скриншоте. Сообщается, что AJAX завершен неправильно. Но основной симптом - что не работают ...
Читать
Октябрь 12, 2017 г.
Если необходимо подключить стили или скрипты к своей форме, как это сделать?
Первый подход - добавить необходимые стили и скрипты в тему оформления. В этом случае, если к примеру, идет речь о форме редактирования, которая отображается в шаблоне ...
Читать
Сентябрь 3, 2025 г.
Работа с репозиториями через SSH удобнее и безопаснее, чем по HTTPS — вам не нужно вводить пароль при каждом пуше, а авторизация выполняется с помощью криптографических ключей. Разберём процесс полностью: от создания ключа до проверки подключения.
...
Читать
Август 26, 2013 г.
Кроме отсутствия гибкого управления (явно не хватает ряда hook-ов), о чем я говорил ранее, таксономия в 6-м Drupal еще и делает по два запроса на каждый node_load, а не хранится в кеше контента cache_content (это хорошо показывает devel).
При ...
Читать