1

积极倾听并结合jqueryui-slider价值jplayer voulme变量？还在另一个 div 中显示音量值？有没有办法获取jqueryui sliderval 的值并将其应用于jplayervaolume 的值？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");
4

2 回答 2

4

使用最新的 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);
    }
});
于 2012-06-20T21:08:35.863 回答
0

这应该可以使用事件来实现。如果您不熟悉这个概念，请查看 jQuery 事件绑定和事件触发。

一旦您知道如何进行事件处理，请查看 jQuery 滑块的滑动事件。 http://docs.jquery.com/UI/Slider#event-slide。

您只需要更新 jPlayer 的音量并更改您想要音量的 div 内的值

于 2012-03-04T09:52:40.453 回答