Question

我们正在努力在旁边的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/

然后点击移动到第二张幻灯片..瞧！媒体元素播放器出现，但无法启动。

Answer 1

首先尝试在 document.ready 时实例化您的mediaelement对象。

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

var mePlayer; //Global scope variable


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

然后，在任何事件中你都会mePlayer .play();

触发媒体元素播放器开始播放

1 个答案: