@Yariik
PHP, C#, JavaScript, jQuery, HTML, CSS

Текущий уровень громкости как в вк?

Подскажите алгоритм, как сделать вот такой показ процентного уровня громкости музыки вк от наведения миши на слайдер?
5f476fb37f66c871289592.png
  • Вопрос задан
  • 210 просмотров
Пригласить эксперта
Ответы на вопрос 2
Stalker_RED
@Stalker_RED
Примерно так


Стили еще нужно допиливать и добавить throttle/debounce наверное.
Можно еще transition, и скрывать через opacity.
Ответ написан
fallus
@fallus
Если это 1 аудиоплеер, то:



spoiler
Если плееров много будет, то вместо querySelector юзать нужно querySelectorAll.
Потом циклом по ним проходиться, подписывая события на каждый.
И в этом случае, стоит обозначать, какой контейнер(с атрибутом data-hint) соответствует какому аудио-плееру.
Проще всего, как в этом примере. Чтобы этот контейнер был родителем аудио-плееру.
Чтобы в цикле, например, этот аудио-плеер можно было легко найти, например так:
var myAudio = myAudioHoverBlock[i].querySelector('audio')
Ответ написан
Ваш ответ на вопрос

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

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