控制的SoundCloud HTML5的Widget播放器自定義按鈕

我想要做類似的事情，以我對SoundClouds看到了HTML5的Widget API操場頁面，他們有控制播放器的外部按鈕： http://w.soundcloud.com/player/api_playground.html 控制的SoundCloud HTML5的Widget播放器自定義按鈕

最終，我會躲在玩家小部件本身並使用這些按鈕作爲音樂控制器。

任何建議或提示將真棒，我張貼在這裏：http://jsfiddle.net/alexsethalex/qcKed/1/

來源

2012-07-13 user578968

你實際上有什麼問題嗎？按照Widget API頁面上的說明進行操作即可。 – nickf 2012-07-14 13:11:26

嘿，是啊我很困惑 - 我以爲我緊跟着它，當我試圖使用按鈕什麼都沒有發生。我檢查了我的檢查員，看起來我的按鈕沒有觸發任何事件。 – user578968 2012-07-14 18:58:29

您檢查出Widget API documentation？

這裏是一個超級簡單的例子：

<!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>

來源

2012-07-16 15:49:45

謝謝，這有助於很多 – user578968 2012-07-17 00:33:31

控制的SoundCloud HTML5的Widget播放器自定義按鈕

回答

相關問題