我们正在努力在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();