1

積極的に耳を傾け、 と値変数を組み合わせjqueryui-sliderますjplayer voulmeか? 別の div にボリューム値も表示しますか? jqueryui sliderval の値を取得して、それを vaolume の値に適用する方法はありjplayerますか? 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 に答える