Soundcloud:同时播放多个曲目
我试图创建一个基于Soundcloud的简单多轨播放器,显示多个轨道并同时开始播放它们。
我在这里找到了一个类似的原型(基于Flash小部件):http://sessian.com/10/
按下两个不同的“播放”按钮,这两个音轨可以一起播放。
似乎使用HTML5小部件是不可能的,一次只能播放一个轨道。 快速示例:http://jsfiddle.net/ftwJr/7/
HTML:
<iframe id="widget" src='http://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/43315398&auto_play=true' width="100%"></iframe>
<iframe id="widget2" width="100%" src='http://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/4331538'></iframe>
JavaScript的:
(function() {
var iframe = document.querySelector('#widget');
var widget = SC.Widget(iframe);
widget.bind(SC.Widget.Events.PLAY, function(eventData) {
alert('Playing 1...');
});
widget.bind(SC.Widget.Events.PAUSE, function(eventData) {
alert('PAUSE 1...');
});
var iframe2 = document.querySelector('#widget2');
var widget2 = SC.Widget(iframe2);
widget2.bind(SC.Widget.Events.PLAY, function(eventData) {
alert('Playing 2...');
});
widget2.bind(SC.Widget.Events.PAUSE, function(eventData) {
alert('PAUSE 2...');
});
}());
按'播放'会将一个暂停事件传递给另一个窗口。 在不同的浏览器标签中也是如此。
有没有办法让多个同时播放使用HTML5小部件? (一个现有的SC init选项,或者有两个不同SC实例的方法,或...)
谢谢!
为了澄清:Flash和HTML5小部件的API支持single_active
参数来完成此用例。
上一篇: Soundcloud: play multiple tracks simultaneously
下一篇: estimate the fractal dimension of a complex network, provided the nodes of edges