jquery - html5 jquery音楽プレーヤーのボリュームコントロール

Question

ウェブサイトにミュージック プレーヤー html5 jquery ミュージック プレーヤーを使用していますが、ミュージック プレーヤーの音量を制御するオプションがないことがわかりました。 .

ここでは、html5 jquery 音楽プレーヤーのデモを見つけることができます。

http://www.codebasehero.com/files/music-player-1.0.1/demo/

Answer 1

jQuery を使用すると、次のようなスクリプト タグで関数を作成できます。

var audio = document.getElementById("player");
$('.volume-up').click(function() {
    audio.volume+=0.1;
    return false;
});
$('.volume-down').click(function() {
    audio.volume-=0.1;
    return false;
});

上記のクラスを使用して 2 つのアンカー タグ<a>を作成できるようになりました...

<a class="volume-up" href="#">Turn it up!</a>
<a class="volume-down" href="#">Turn it down!</a>