Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JPlayer-同步播放曲目_Javascript_Jquery_Events_Jplayer - Fatal编程技术网

Javascript JPlayer-同步播放曲目

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设置了多个曲目,我想自动同步播放,我已经添加了这些曲目,它们都自动播放,很好,当它们全部加载后,我如何让它们一起自动播放?我想我可以通过活动做到这一点,但我不知道如何做到这一点

$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 } }
}; 您可以将预加载:“自动”添加到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,    
    }); 
我希望这对你有帮助

祝你今天愉快