触发MediaElements播放器开始播放



我们正在努力在Galleria幻灯片放映的同时运行音频。Galleria(js-json-html幻灯片放映框架)本身不支持声音,但您可以从Galleria中的事件中触发其他功能。我们使用MediaElement播放器播放我们的声音,当用户第一次与幻灯片交互以移动到第二张幻灯片时,我们可以触发播放器控制器的实例化。

但我无法让球员首发。理论上,我下面的代码是正确的,我在FireBug中没有任何错误。我认为"mePlayer.play()"调用应该启动播放。但它不是。。。有人知道为什么吗?

$("#gallery1360896922").galleria({
    dataSource: data,
    height: 500,
      width: 809,
      imageCrop:'landscape',
      thumbcrop: false,
     _showFullscreen: false,
      imagePan:true,
      idleMode:false,
      transitionSpeed:150});   
Galleria.on('loadfinish',function(e){
if (e.index==1){
       var mePlayer = $('#audio-').mediaelementplayer
          ({
       features: ['playpause','progress','current','duration','volume'],
       audioWidth:809,
});
mePlayer.play();
}
}); 

以上所有作品,几乎可以看到:

http://www.himalayanacademy.com/blog/taka/2012/02/17/test-media-player-with-slide-show/

并单击移动到第二张幻灯片。。瞧!mediaelement播放器出现,但不会启动。

对于初学者,请尝试在document.ready.时实例化您的mediaelement对象

定义一个全局范围变量,您将在其中分配对象的实例化:

var mePlayer; //Global scope variable

mePlayer = new MediaElementPlayer('#audio-', //...and so on

然后,在任何事件中,执行mePlayer .play();

最新更新