Как можно регулировать громкость прокруткой колесика ?

Question

[malbeatz]

Нужен код, для регулировки громкости аудио колесиком мыши javascript
Спасибо

Answer 1

[Юрий Лобанов]

Надо использовать jquery плагин mousewheel:
https://github.com/brandonaaron/jquery-mousewheel
и добавить вот это:

$(document).ready(function() {
  var audio = $('#sound').get(0),
      k = 10;
  audio.play();   
    $('div').mousewheel(function(event) {
        audio.volume += event.deltaY / k;
    });
});

При наведении на элемент div (замените на свой плеер) и прокрутке колеса меняется громкость. Коэффициентом k можно чувствительность регулировать.
Вот пример, наведите на красный блок и покрутите колесо
codepen.io/iiil/pen/dquLA

Comments

[malbeatz]

Спасибо за внимание и ваше время, но у меня не работает ваш пример. Ничего не происходит при прокрутке на красном диве.

[Иван]

@malbeatz у меня работает

[Константин Китманов]

Тоже не работает, Chrome 35

[malbeatz]

В вашем примере не работало, но когда добавил в свой код - все отлично! Спасибо.

[Юрий Лобанов]

@malbeatz проверял только в firefox, но странно, все должно работать везде. Ну в итоге все ок, как я понял. Не отвечал, так как забыл подписаться на вопрос.

Answer 2

[Иван]

Какого аудио то?

Comments

[malbeatz]

Сорри если непонятен вопрос, я просто веник еще. У меня есть html5 аудио плеер, и мне хотелось бы что бы громкость регулировалась колесиком.

$('#audio-player').mediaelementplayer({
alwaysShowControls: true,
features: ['volume', 'mute', 'unmute'],


});

$(".button").click(function () {

var ps = $(this).attr('title');

if (ps == "play")
{
$("#player")[0].play();
}
else {
$("#player")[0].pause();
}
});