Скорость воспроизведения аудио-трека (javascript, HTML5 тэг AUDIO)

Редко реализуемый функционал — скорость воспроизведения. Возможно, вы делаете страничку — пульт для DJ, где они смогут микшировать треки, замедлять их, включать и выключать их и т.д. Тогда эта возможность вам пригодится. :)

Итак, мы имеем объект AUDIO на нашей страничке, код HTML:

Скорость воспроизведения задаётся установкой свойства playbackRate объекта аудио плеера. Это свойство является множителем для скорости воспроизведения звука, потому нормальное значение = 1. Отрицательные значения будут генерировать исключение javascript.

Вот пример работы с данным свойством проигрывателя:

Для отслеживания смены скорости воспроизведения можно использовать событие ratechange.

Смотрите и другие свойства и события HTML5 audio.

Мало букафф? Читайте есчо !

SVG маска с кликабельным полигоном

Октябрь 12, 2022 г.

Пара примеров, показывающих как сделать элемент svg полезным, например для создания интерактивной маски. Рассмотрим следующий HTML код: [crayon-6895c34802717348476192/] Здесь SVG настроен как "отзывчивый" объект, имеющий логические размеры ...

Читать

Обновления plugina References, v1.1

Апрель 9, 2018 г.

Времени придумывать что то самому последние полгода вообще нет, потому дорабатываю свои плагины по заявкам пользователей :). References в плане ...

Читать

Украшательства на сайте : делаем надпись поверх картинки

Март 13, 2013 г.

Долгая, вообще, история с картинками. Хорошо, если есть шаблон, где предусмотрены позиции картинок, может быть какой то слайдер или галерея. А все картинки ...

Читать

Как добавить css классы в attributes (twig, Drupal)

Май 16, 2024 г.

Порою требуется добавить свои классы в переменную attributes на уровне шаблона (в twig). Переменная attributes - это объект Drupal\Core\Template\Attribute. У него есть нужный нам метод - addClass(). Пример использования: [crayon-6895c34802e6f642720722/]

Читать
 

Комментарии к «Скорость воспроизведения аудио-трека (javascript, HTML5 тэг AUDIO)»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: