如何使用360player(soundmanager2)播放声音?

时间:2013-02-02 13:40:51

标签: html5-audio soundmanager2

我已经成立了声音管理员:

soundManager.setup({

我创造了一个声音:

soundManager.createSound({

从控制台我也有三个SixtyPlayer:

threeSixtyPlayer.init()
threeSixtyPlayer.init(): Found 0 relevant items.

那么如何让360player播放声音呢?我如何检测到它已完成播放,以便我可以在之后创建和播放下一个?

1 个答案:

答案 0 :(得分:0)

文档缺乏关于360ui的信息,但是我已经尝试过了:

需要HTML代码:

<div id="sm2-container"></div>
<div class="ui360 ui360-vis">
    <a id="song_link" class="sm2_link" href="asfgasg.mp3"></a>
</div>

JS:

soundManager.setup({
    url: 'inc/soundmanager/',
    flashVersion: 9,
    useFlashBlock: true,
    onready: function() {
        soundManager.createSound('someSongId_', selectedSong);
    },
    ontimeout: function() {
        // Error msg
    }
});

您还需要这些文件(取决于您想要的主题):

  • flashblock.css
  • 360player.css
  • 360player-visualization.css
  • berniecode-animator.js
  • 360按钮-VIS-播放light.png
  • 360按钮-VIS-暂停light.png

之后应该有一个带“播放”图像的div。

要播放,您可以使用soundManager.getSoundById('myId')并将其与onfinish事件链接起来。 doc上的示例:

soundManager.play('myId',{
    onfinish: function() {
    alert('The sound '+this.id+' finished playing.');
    }
});

希望它有所帮助...