title: Soundcloud: play multiple tracks simultaneously - HTML5 widget
body: <p>I am trying to create a simple multi-track player based on Soundcloud, displaying multiple tracks and start playing them simultaneously.<br>
  <br>I found a similar prototype here (Flash widget based): <a href="http://sessian.com/10/" rel="noreferrer">http://sessian.com/10/</a>
  <br>Pressing two different 'Play' buttons, the two tracks can be played together.
  <br><br>It seems that using the HTML5 widgets instead this is not possible, only one track can be played at a time.
  Quick example here: <a href="http://jsfiddle.net/ftwJr/7/" rel="noreferrer">http://jsfiddle.net/ftwJr/7/</a></p>
  
  <p>Html:</p>
  
  <pre><code>&lt;iframe id="widget" src='http://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/43315398&amp;auto_play=true' width="100%"&gt;&lt;/iframe&gt;
  &lt;iframe id="widget2" width="100%" src='http://w.soundcloud.com/player/?url=http://api.soundcloud.com/tracks/4331538'&gt;&lt;/iframe&gt;    
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>(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...');
      });
  }());
  </code></pre>
  
  <p><br>Pressing 'Play' will pass a pause event to the other window. This is true also in different browser tabs.</p>
  
  <p>Is there a way to allow multiple simultaneous playing using the HTML5 widget?
  (An existing SC init option, or a way to have two different SC instances, or ...)</p>
  
  <p>Thank you!</p>