Мне нужно сделать аудиоплеер с использованием HTML / CSS и JS. Плеер должен быть простым, с кнопкой воспроизведения и индикатором выполнения. Однако мне нужно реализовать способ, которым пользователи могут добавлять теги в аудиофайл (на индикаторе выполнения). Что-то вроде плеера от SoundCloud. Если в указанное время на панели есть крошечная линия, и когда вы наводите на нее курсор, появляется всплывающее окно с каким-то сообщением.
Возможно ли с помощью тегов HTML5 <audio></audio> получить миллисекундное представление с помощью JavaScript?
Или лучше всего создать собственный аудиоплеер?
РЕДАКТИРОВАТЬ
Я следую этому примеру -> http://alexkatz.me/posts/building-a-custom-html5-audio-player-with-javascript/
И есть функция, которую я пытаюсь редактировать. Итак, когда я это сделаю:
function moveplayhead(event)
{
var newMargLeft = event.clientX - getPosition(timeline);
console.info(newMargLeft);
if (newMargLeft >= 0 && newMargLeft <= timelineWidth)
{
playhead.style.marginLeft = newMargLeft + "px";
}
if (newMargLeft < 0)
{
playhead.style.marginLeft = "0px";
}
if (newMargLeft > timelineWidth)
{
playhead.style.marginLeft = timelineWidth + "px";
}
}
Я получаю в консоли количество секунд. Как я могу поставить маленькую красную метку (например), чтобы отметить эту область. А затем добавьте всплывающее окно ..



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы должны иметь возможность добавить прогрессивную строку в свой разработанный аудиоплеер с помощью следующих логических шагов:
Поскольку взаимодействие между каждым шагом, вероятно, потребуется для относительно быстрой работы, вам следует как можно больше использовать javascript, избегая частого взаимодействия с CSS и HTML.
Да, вы можете получить текущую секунду воспроизводимого звука, но вы не можете поставить эти отметки на индикатор выполнения, как это делается в SoundCloud. Поскольку вы пытаетесь добиться некоторой настройки, вам наверняка пригодится собственный аудиоплеер.