Объем звука 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;