html5-audio - 如何使用 360player (soundmanager2) 播放声音？

Question

我已经设置了声音管理器：

soundManager.setup({

我创造了一个声音：

soundManager.createSound({

从控制台我也有threeSixtyPlayer：

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

那么如何让360player播放声音呢？以及如何检测到它已播放完毕，以便在那之后创建并播放下一个？

Answer 1

文档缺少有关 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-button-vis-play-light.png
• 360-button-vis-pause-light.png

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

要播放，您可以使用 soundManager.getSoundById('myId') 并将其与 onfinish 事件链接。文档中的示例：

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

希望能帮助到你...