javascript - SoundManager2 onplay事件配置不起作用

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

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

SoundManager2的文档说，您可以通过设置属性来捕获“播放中”事件，但是在使用360-ui-player时，此方法不起作用。

我像这样初始化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的defaultOptions中设置的“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;

希望这可以帮助。

干杯，
马可

关于javascript - SoundManager2 onplay事件配置不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10127009/