Le contrôle de Soundcloud HTML5 Widget Player avec des boutons personnalisés

Je voulais faire quelque chose de semblable à ce que j'ai vu sur SoundClouds HTML5 Widget API aire de Jeux, où ils ont externes, des boutons de contrôle du lecteur :
http://w.soundcloud.com/player/api_playground.html

Finalement je vais cacher le widget de lecteur de lui-même et à l'aide de ces boutons comme de la musique contrôleur.

Des suggestions ou des conseils serait génial, je l'ai posté ici: http://jsfiddle.net/alexsethalex/qcKed/1/

  • Êtes-vous vraiment avoir des problèmes? Suivez les instructions sur le Widget API page et ça devrait être ok.
  • Hey, ouais je suis super confuse, j'ai pensé que j'ai suivi de près, et quand j'ai essayé d'utiliser les boutons rien ne s'est passé. J'ai vérifié mon inspecteur et il semble que mes boutons ne sont pas le déclenchement des événements.
InformationsquelleAutor user578968 | 2012-07-13
  1. 14

    Avez-vous vérifié la Widget de documentation de l'API?

    Voici un super exemple simple:

    <!doctype html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script src="http://w.soundcloud.com/player/api.js"></script>
  <script>
   $(document).ready(function() {
     var widget = SC.Widget(document.getElementById('soundcloud_widget'));
     widget.bind(SC.Widget.Events.READY, function() {
       console.log('Ready...');
     });
     $('button').click(function() {
       widget.toggle();
     });
   });
  </script>
</head>
<body>
  <iframe id="soundcloud_widget"
      src="http://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/39804767&show_artwork=false&liking=false&sharing=false&auto_play=true"
      width="420"
      height="120"
      frameborder="no"></iframe>
  <button>Play /Pause</button>
</body>
</html>
    • merci, cela aide beaucoup
    InformationsquelleAutor Paul Osman