Управление позицией воспроизведения трека в HTML5 теге AUDIO

Объект audio поддерживает установку текущей позиции воспроизведения через свойство — currentTime. Если попытаться установить значение выходящее за рамки трека, то javascript создаст соответствующее исключение. Потому следует использовать конструкцию try — catch. Отлавливать исключения не понадобится, только если вы точно уверены в правильности нового значения для currentTime.

Ваш плеер в HTML:

Пример скрипта:

Одного currentTime явно не достаточно, чтобы отслеживать и отображать позицию воспроизведения трека.

Общую длительность трека можно посмотреть в свойстве объекта duration.

Для отображения текущей позиции проигрывателя могут понадобиться обработчики следующих событий:

  • playing — вызывается при запуске (play) проигрывателя,
  • pause — вызывается про остановке (pause) проигрывателя,
  • timeupdate — вызывается при обновлении текущей позиции воспроизведения.

Пример подключения обработчика (на примере ‘pause’):

Вернуться к основной статье по управлению объектом HTML5 AUDIO из javascript.

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

Очистка кеша локальной таблицы DNS в Windows

Август 25, 2019 г.

Все время забывают полезную консольную команду лля Винды, когда требуется почистить кеш DNS на машине. Вызывается через утилиту ipconfig: [crayon-6895a694f1f76527563648/] Бывает полезно, если ip адрес уже сменился, а локально у вас он берется ...

Читать

Имена блоков в Drupal 7 по умолчанию

Сентябрь 5, 2015 г.

Соответствующие системные названия регионов для вывода блоков можно подсмотреть в верстке. Ещё они явно прописаны в тестовой теме в модуле block. ...

Читать

Настраиваем ЧПУ ссылки пейджера в Drupal 7

Июль 19, 2016 г.

Занимаюсь решением ряда SEO задач для сайта на Drupal. Одна из них связана с урлами, генерируемыми пейджером. На самом деле это комплекс задач, ...

Читать

Скрипт слежения за изменениями в less файлах

Декабрь 2, 2018 г.

Lessc не имеет ключа 'слежения', чтобы выполнять перекомпиляцию при изменении less файлов проекта, как например это сделано у sass компилятора. Это весьма не удобно на этапе верстки шаблона из макета. Для отслеживания я установил UNIX утилиту inotify. ...

Читать
 

Комментарии к «Управление позицией воспроизведения трека в HTML5 теге AUDIO»

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



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