ползунок jqueryui + значение громкости jplayer - PullRequest
Новая
       6

ползунок jqueryui + значение громкости jplayer

1 голос
/ 04 марта 2012

Активно слушаете и объединяете jqueryui-slider с jplayer voulme в значение переменной?Также отобразить значение громкости в другом div?Есть ли способ получить значение jqueryui slider val и применить его к значению jplayer vaolume?HTML разметка: 

<ul class="toolbar ui-widget-header ui-corner-all">
                <li><button class="jp-play" href="#">Play</button></li>
                <li><button class="jp-pause" href="#">Pause</button></li>
                <li><button class="jp-stop" href="#">Stop</button></li>
                <li><button class="jp-mute" href="#">Mute</button></li>
                <li><button class="jp-unmute" href="#">Unmute</button></li>
                <li><div class="jp-volume-bar"></div></li>
            </ul>
            <ul>


            </ul>

jquery: 

my_jPlayer.jPlayer({
        ready: function () {
            $("#jp_container .track-default").click();
        },
        timeupdate: function(event) {
            my_extraPlayInfo.text(parseInt(event.jPlayer.status.currentPercentAbsolute, 10) + "%");
        },
        play: function(event) {
            my_playState.text(opt_text_playing);
        },
        pause: function(event) {
            my_playState.text(opt_text_selected);
        },
        ended: function(event) {
            my_playState.text(opt_text_selected);
        },
        swfPath: "js",
        cssSelectorAncestor: "#jp_container",
        supplied: "mp3",
        wmode: "window",
        volumeBarValue: volVal
    });
$(".jp-volume-bar").slider({
            value: 100,
            orientation: "horizontal",
            range: "min",
            animate: true
    });
    var volVal = $(".jp-volume-bar").slider("value");

Ответы [ 2 ]

4 голосов
/ 21 июня 2012

Это действительно очень просто с последней версией jplayer (версия: 2.1.0): 

$('#sliderVolume').slider({
    value : 50,
    max: 100,
    range: 'min',
    animate: true,
    orientation: "vertical",

    slide: function(event, ui) {
        var volume = ui.value / 100;
        $("#jquery_jplayer").jPlayer("volume", volume);
    }
});
0 голосов
/ 04 марта 2012

Это должно быть достигнуто с помощью событий. Посмотрите на привязку событий jQuery и запуск событий, если вы новичок в этой концепции.

Как только вы узнаете, как делать события, посмотрите на событие слайдера слайдера jQuery. http://docs.jquery.com/UI/Slider#event-slide.

Вам просто нужно обновить громкость jPlayer и изменить значение внутри div, в котором вы хотите указать громкость

...