Как сделать линию прогресса для музыкального плеера?

Мне нужно создать линию прогресса, на которой будет отображаться текущее время музыки( всё время я сделаю по аналогии сам) и саму линию, которая в показывает прогресс прослушивания и на которую можно нажать для перемотки. У меня 0 идей как отследить прослушивание песни: (
  • Вопрос задан
  • 221 просмотр
Решения вопроса 1
@goshaLoonny
Изучите Web Audio API и идеи появятся : )
Есть событие timeupdate , оно вызывается каждый раз когда время в атрибуте currentTime обновляется. Значение атрибута currentTime это количество секунд прошедших с начала воспроизведения (число с плавающей точкой).
const sound = document.getElementById('audio-node')

sound.addEventListener('timeupdate', () => {
  console.log(sound.currentTime.toFixed(0))
})
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы