Редко реализуемый функционал — скорость воспроизведения. Возможно, вы делаете страничку — пульт для 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 и размещена в рубрике Программирование.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Ноябрь 13, 2015 г.
Пример хелпера-валидатора на PHP для проверки формата ip адреса.
[crayon-6a93b70dce6e4798120968/]
Функция проверяет является ли формально строка ip-адресом по протоколам ipv4 или ipv6. Возвращает булево значение.
Возможно применение этого кода ...
Читать
Август 18, 2019 г.
Небольшое обновление для API WP плагина References. Я добавил обратную функцию к REFShraAPI::get - которую назвал REFShraAPI::find.
Новая статическая функция позволяет искать публикации, к которым прикреплена указанная статья.
[crayon-6a93b70dcea56386199351/] ...
Читать
Июль 6, 2018 г.
Рассмотрим как программно установить позицию скролла документа ровно в начале нужного вам HTML контейнера.
Чтобы сделать переход плавно, можно использовать функцию jQuery().animate().
Суть процесса такова - вычисляем вертикальную позицию требуемого ...
Читать
Январь 17, 2017 г.
В Wordpress обнаруживается не мало артефактов маршрутизации, которые создают головную боль SEO-специалистам. Я уже рассказывал на днях о страницах вложений. А сегодня расскажу ещё об одном случае.
Попробуйте на вашем блоге под WP добавить к адресу ...
Читать