Редко реализуемый функционал — скорость воспроизведения. Возможно, вы делаете страничку — пульт для 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 и размещена в рубрике Программирование.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Февраль 15, 2025 г.
Иногда на собесах спрашивают что такое view binding, и звучит это как некая сложная тема, но на самом деле, это просто фича сборщика, которую можно использовать для упрощения доступа к элементам шаблонов.
Этот механизм упрощает работу с элементами ...
Читать
Январь 18, 2022 г.
То, что в семерке выполняется функцией drupal_html_class(), в Drupal 8 реализовано в виде статического метода\Drupal\Component\Utility\Html::getClass($str).
Данная функция также востребована в шаблонах (twig). Здесь вы можете использовать фильтр ...
Читать
Сентябрь 22, 2023 г.
Полезные команды для создания пользователя с админ правами, используя drush.
Для начала нужно создать пользователя (пусть это будет yury):
[crayon-6a784c951d47c110183617/]
Далее назначим ему роль администратора:
[crayon-6a784c951d483984930787/] ...
Читать
Март 5, 2024 г.
Для понимания как работает пространство имен в twig экосистемы друпал.
Темы предоставляют в пространство имен свой id, т.н. machine name. По этому имени можно сослаться на конкретную тему, указывая далее имя файла относительно подкаталога /templates. ...
Читать