html5 - plugin - soundcloud sdk
Soundcloud: reproduce varias pistas simultáneamente-widget HTML5 (1)
Intento crear un reproductor simple de múltiples pistas basado en Soundcloud, mostrando múltiples pistas y comenzando a reproducirlas simultáneamente.
Encontré un prototipo similar aquí (Flash basado en widgets): http://sessian.com/10/
Presionando dos botones diferentes de "Reproducir", las dos pistas se pueden tocar juntas.
Parece que usar los widgets HTML5 en cambio esto no es posible, solo se puede jugar una pista a la vez. Ejemplo rápido aquí: 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...'');
});
}());
Presionando ''Play'' pasará un evento de pausa a la otra ventana. Esto también es cierto en diferentes pestañas del navegador.
¿Hay alguna manera de permitir la reproducción simultánea múltiple utilizando el widget HTML5? (Una opción de inicio de SC existente, o una forma de tener dos instancias de SC diferentes, o ...)
¡Gracias!
Para aclarar: la API para los widgets flash y HTML5 admite un single_active
parámetro single_active
para este caso de uso.