声音管理器2播放事件配置不起作用

SoundManager2 onplay event configuration does not work

本文关键字：配置 不起作用 事件 播放 管理器 声音      更新时间：2023-09-26

我使用 SoundManager2 在我的网站上播放声音。

现在，我想在每次用户播放声音时发送一个Google Analytics事件。

SoundManager2的文档说，您可以通过设置属性来捕获"播放中"事件，但是当使用360-ui播放器时，这不起作用。

我像这样初始化SoundManager2：

<link rel="stylesheet" type="text/css" href="/app/sm/360/360player.css" />
<link rel="stylesheet" type="text/css" href="/app/sm/flashblock.css" />
<script src="/app/sm/360/berniecode-animator.js" type="text/javascript"></script>
<script src="/app/sm/soundmanager2-nodebug-jsmin.js" type="text/javascript"></script>
<script src="/app/sm/360/360player.js" type="text/javascript"></script>
<script type="text/javascript">
  soundManager.url = '/app/sm/swf/';
  threeSixtyPlayer.config = {
    playNext: false, 
    autoPlay: false, 
    allowMultiple: false,
    loadRingColor: '#ccc',
    playRingColor: '#AB3C2E',
    backgroundRingColor: '#eee',
    animDuration: 500,
    onplay: function() {
      alert('Playing!'); // DOES NOT WORK!
    },
    animTransition: Animator.tx.veryBouncy
  }        
</script>

有没有人对此有可行的解决方案？

我读过一些解决方案，人们在 SoundManager 源代码中更改了 createSound（） 函数，但我希望看到一个不改变库的解决方案。

今天我在 soundmanager2 的默认选项中设置的"onplay"回调遇到了类似的问题，当 360player 播放歌曲时，soundmanager2 没有调用它。

我发现 360player.js 调用soundManager.createSound()指定自己的"onplay"回调（threeSixtyPlayer.events.play()函数），从而覆盖了我的默认回调。

另外，请注意：没有要为我所看到的设置threeSixtyPlayer.config.onplay属性。

非侵入性解决方案应该是封装回调，如下所示： 

var onplay360 = threeSixtyPlayer.events.play;
var myOnplay = function(){
  ... your stuff... ;
  onplay360.apply(this); // forces the scope to 'this' = the sound object
};
threeSixtyPlayer.events.play = myOnplay;

希望这有帮助。

干杯 马可

我遇到了同样的问题。 我搜索了答案，但似乎没有太多关于 360player.js 的文档。 我想你只需要研究代码。 我尝试了马可的方法，但这对我不起作用。 真正对我有用的东西要简单得多。

threeSixtyPlayer.events.play = function(){ 
    //Do Something here like...
    alert('Are you serious?');
}

这应该会给你一个良好的开端。 我相信其他事件也可以通过这种方式挂钩。

相关文章：