javascript - jQueryを使用してHTML5を制御する音量

Question

さて、jQuerySlider要素を使用してHTML5要素のボリュームを制御したいと思います。スライドを実装しましたが、スライダーの値を「audio player.volume =？」の代わりにする方法がわかりません。

どんな助けでも大歓迎です。

ソース

Answer 1

jsFiddleの簡単な例を次に示します（注：オーディオはページの読み込み時に始まります）。

jQuery：

$('#audioSlider').slider({
    orientation: "vertical",
    value: audio1.volume,
    min: 0,
    max: 1,
    range: 'min',
    animate: true,
    step: .1,
    slide: function(e, ui) {
        audio1.volume = ui.value;
    }
});​

HTML：

<div id="audioSlider"></div>

<audio id="audio1" autoplay>
    <source src="http://www.w3schools.com/html5/song.ogg" type="audio/ogg" />
    <source src="http://www.w3schools.com/html5/song.mp3" type="audio/mpeg" />
    Your browser does not support the audio element.
</audio>​