每个唯一实例的 jQuery 音频音量

Question

我有一系列 html5 音频播放器（动态生成），我用 jquery 滑块调整音量。我遇到的问题是移动一个滑块会改变所有滑块的音频输出音量。它不会更改每个实例的音频设置。我想知道是否有人可以帮助我，这样它只会影响它所绑定的音频播放器。

//volume audio
$(document).ready(function () {
    audio = $("#<?php echo $track_id; ?>").get(0);
    audio.volume =<?php echo $trackVolume; ?>;
    $("#volumeAudio<?php echo $track_id; ?>").each(function() {
        $( this ).empty().slider({
            value: <?php echo $trackVolume; ?>,
            orientation: "horizontal",
            range: "min",
            max: 1,
            step: 0.1,
            animate: true,
            slide: function( event, ui ) {
                audio.volume = ui.value;
                $.post( 
                    "processForms/process_presentation.php", { presentationProcessing: 'updateAudioSliderVolume', presentationId: <?php echo $pres_id; ?>, trackID: <?php echo $track_id; ?>, sliderValueVolume: ui.value}
                );
            }
        });

    });
});

Answer 1

更改

audio.volume = ui.value;

为

$("#<?php echo $track_id; ?>").get(0).volume = ui.value;