The current volume level as in VK?

Question

css

Tell me the algorithm, how to make such a display of the percentage volume level of VK music from pointing the mouse to the slider?

Answer 1

More or less like this

Styles still need to be finished and add throttle / debounce probably.
You can also transition, and hide through opacity.

Answer 2

If it is 1 audio player then:

spoiler

Если плееров много будет, то вместо querySelector юзать нужно querySelectorAll.
Потом циклом по ним проходиться, подписывая события на каждый.
И в этом случае, стоит обозначать, какой контейнер(с атрибутом data-hint) соответствует какому аудио-плееру.
Проще всего, как в этом примере. Чтобы этот контейнер был родителем аудио-плееру.
Чтобы в цикле, например, этот аудио-плеер можно было легко найти, например так:

var myAudio = myAudioHoverBlock[i].querySelector('audio')