Управление Soundcloud HTML5 Widget Player с помощью пользовательских кнопок

Я хотел сделать что-то похожее на то, что я видел на странице SoundClouds HTML5 Widget API PLayground, где у них есть внешние кнопки, управляющие плеером: http://w.soundcloud.com/player/api_playground.html

В конце концов, я буду скрывать виджет проигрывателя и использовать эти кнопки в качестве музыкального контроллера.

Любые предложения или советы будут потрясающими, я разместил их здесь:http://jsfiddle.net/alexsethalex/qcKed/1/

 nickf14 июл. 2012 г., 15:11
У вас действительно есть какие-то проблемы? Следуйте инструкциям на странице API виджета, и все должно быть в порядке.
 user57896814 июл. 2012 г., 20:58
Эй, да, я очень запутался - я думал, что внимательно следил за этим, и когда я попытался использовать кнопки, ничего не произошло. Я проверил свой инспектор, и, похоже, мои кнопки не запускают какие-либо события.

Ответы на вопрос(1)

Решение Вопроса

Документация по API виджетов?

Вот очень простой пример:

<!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>
 user57896817 июл. 2012 г., 02:33
спасибо, это очень помогает

Ваш ответ на вопрос