Javascript JPlayer-同步播放曲目
我已经为jPlayer设置了多个曲目,我想自动同步播放,我已经添加了这些曲目,它们都自动播放,很好,当它们全部加载后,我如何让它们一起自动播放?我想我可以通过活动做到这一点,但我不知道如何做到这一点 $document.readyfunction{ $'.ui滑块句柄'.draggable; //基本轨道 $base-track.jPlayer{ 就绪:functionevent{ $this.jPlayersetMedia{ 标题:基本轨道, mp3:audio/track1/audio\u test\u layer\u base.mp3 }.jPlayerplay; }, 结束:功能{ $this.jPlayerplay; }, swfPath:/js, 提供:mp3, 预加载:自动, 体积:0.8,, 沉默:错, }; //轨道1 $jquery\u jplayer\u 1.jplayer{ 就绪:functionevent{ $this.jPlayersetMedia{ 标题:第1层, mp3:audio/track1/audio\u test\u layer1.mp3 }.jPlayerplay; }, 结束:功能{ $this.jPlayerplay; }, swfPath:/js, 提供:mp3、oga、, 预加载:自动, 体积:0.0,, 沉默:错, }; $'slider'。slider{ 分:0,, 最高:1, 范围:分钟, 步骤:0.01, 值:0, 方向:水平, 幻灯片:functionevent,ui{ var volume=ui.value/1; $jquery\u jplayer\u 1.jPlayervolume,卷; $'scene1'.css'opacity',ui.value } } //轨道2 $jquery\u jplayer\u 2.jplayer{ 就绪:functionevent{ $this.jPlayersetMedia{ 标题:第二层, mp3:audio/track1/audio\u test\u layer2.mp3 }.jPlayerplay; }, 结束:功能{ $this.jPlayerplay; }, swfPath:/js, 提供:mp3, 预加载:自动, 体积:0.3,, 沉默:错, }; $'slider2'。滑块{ 分:0,, 最高:1, 步骤:0.01, 数值:0.3, 方向:水平, 幻灯片:functionevent,ui{ var volume=ui.value/1; $jquery\u jplayer\u 2.jPlayervolume,体积; $'scene2'.css'opacity',ui.value } } //轨道3 $jquery\u jplayer\u 3.jplayer{ 就绪:functionevent{ $this.jPlayersetMedia{ 标题:第三层, mp3:audio/track1/audio\u test\u layer3.mp3 }.jPlayerplay; }, 结束:功能{ $this.jPlayerplay; }, swfPath:/js, 提供:mp3, 预加载:自动, 体积:0.0,, 沉默:错, }; $'slider3'。滑块{ 分:0,, 最高:1, 步骤:0.01, 值:0, 方向:水平, 幻灯片:functionevent,ui{ var volume=ui.value/1; $jquery\u jplayer\u 3.jPlayervolume,体积; $'scene3'.css'opacity',ui.value } } //轨道4 $jquery\u jplayer\u 4.jplayer{ 就绪:functionevent{ $this.jPlayersetMedia{ 标题:第4层, mp3:audio/track1/audio\u test\u Layer 4.mp3 }.jPlayerplay; }, 结束:功能{ $this.jPlayerplay; }, swfPath:/js, 提供:mp3, 预加载:自动, 卷:0, 沉默:错, }; $'slider4'。滑块{ 分:0,, 最高:1, 步骤:0.01, 值:0, 方向:水平, 幻灯片:functionevent,ui{ var volume=ui.value/1; $jquery\u jplayer\u 4.jPlayervolume,体积; $'scene4'.css'opacity',ui.value } } //轨道5 $jquery\u jplayer\u 5.jplayer{ 就绪:functionevent{ $this.jPlayersetMedia{ 标题:第5层, mp3:audio/track1/audio\u test\u layer5.mp3 }.jPlayerplay; }, 结束:功能{ $this.jPlayerplay; }, swfPath:/js, 提供:mp3, 预加载:自动, 体积:0.8,, 沉默:错, }; $'slider5'。滑块{ 分:0,, 最高:1, 步骤:0.01, 数值:0.8, 方向:水平, 幻灯片:functionevent,ui{ var volume=ui.value/1; $jquery\u jplayer\u 5.jPlayervolume,体积; $'scene5'.css'opacity',ui.value } } //第6轨道 $jquery\u jplayer\u 6.jplayer{ 就绪:functionevent{ $this.jPlayersetMedia{ 标题:第6层, mp3:audio/track1/audio\u test\u Layer 6.mp3 }.jPlayerplay; }, 结束:功能{ $this.jPlayerplay; }, swfPath:/js, 提供:mp3, 预加载:自动, 体积:0.0,, 沉默:错, }; $'slider6'。滑块{ 分:0,, 最高:1, 步骤:0.01, 值:0, 方向:水平, 幻灯片:functionevent,ui{ var volume=ui.value/1; $jquery\u jplayer\u 6.jPlayervolume,体积; $'scene6'.css'opacity',ui.value } }Javascript JPlayer-同步播放曲目,javascript,jquery,events,jplayer,Javascript,Jquery,Events,Jplayer,我已经为jPlayer设置了多个曲目,我想自动同步播放,我已经添加了这些曲目,它们都自动播放,很好,当它们全部加载后,我如何让它们一起自动播放?我想我可以通过活动做到这一点,但我不知道如何做到这一点 $document.readyfunction{ $'.ui滑块句柄'.draggable; //基本轨道 $base-track.jPlayer{ 就绪:functionevent{ $this.jPlayersetMedia{ 标题:基本轨道, mp3:audio/track1/audio\u
}; 您可以将预加载:“自动”添加到jplayer 像 jPlayer支持HTML5 preload参数,因此添加preload:“auto”将使曲目在加载时开始播放,以便所有曲目都能同时播放 轨道3的示例:
$("#jquery_jplayer_3").jPlayer({
ready: function(event) {
$(this).jPlayer("setMedia", {
title: "Layer 3",
mp3: "audio/track1/audio_test_layer3.mp3"
}).jPlayer("play");
},
ended: function() {
$(this).jPlayer("play");
},
preload: 'auto',//here add it to all tracks
swfPath: "/js",
supplied: "mp3",
preload: "auto",
volume: 0.0,
muted: false,
});
我希望这对你有帮助
祝你今天愉快