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

Question

[Евгений Усачев]

Мне нужно создать линию прогресса, на которой будет отображаться текущее время музыки( всё время я сделаю по аналогии сам) и саму линию, которая в показывает прогресс прослушивания и на которую можно нажать для перемотки. У меня 0 идей как отследить прослушивание песни: (

Answer 1

[goshaLoonny]

Изучите Web Audio API и идеи появятся : )
Есть событие timeupdate , оно вызывается каждый раз когда время в атрибуте currentTime обновляется. Значение атрибута currentTime это количество секунд прошедших с начала воспроизведения (число с плавающей точкой).

const sound = document.getElementById('audio-node')

sound.addEventListener('timeupdate', () => {
  console.log(sound.currentTime.toFixed(0))
})

Comments

[Евгений Усачев]

Огромное спасибо!