Редко реализуемый функционал — скорость воспроизведения. Возможно, вы делаете страничку — пульт для 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 и размещена в рубрике Программирование.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Август 12, 2017 г.
.. то скорее всего, вы ошибаетесь. Рассмотрим следующий пример XML.
В документе example.xml содержится запись о валюте и информация о категории товара. Обе записи содержат аттрибуты.
[crayon-6937ea85d5cc4271646092/]
Выполним чтение и вывод информации ...
Читать
Май 6, 2019 г.
При кешировании в varnish возникает вопрос, какие данные использовать для генерации хеш-функции кеша. Типично используют req.url и reg.http.Cookie. Но включение куки приводит к тому, что страницы не попадают в кеш Varnish.
Типовая генерация хеша ...
Читать
Сентябрь 15, 2017 г.
Чтобы измерить скорость работы кода нужны две вещи - "код" и секундомер. Программный код у вас есть, а секундомер, оформленный в виде класса - можете взять здесь.
Очень простой, основанный на функции microtime(), секундомер скрывает рутину по сохранению ...
Читать
Март 25, 2019 г.
Блок меню core модуля menu позволяет вывести всю иерархию меню полностью, но иногда требуется показать только 1-2 верхних уровня. Посмотрим как организовать такой вывод.
Drupal в модуле menu использует функцию menu_tree('ИМЯ МЕНЮ'), чтобы рендерить ...
Читать