使用Soundcloud播放器按钮更改嵌入页面上的元素

Question

具体来说，我将在一个html页面上有5个soundcloud曲目/集。当其中一个播放时，我想改变播放器嵌入的页面的背景图像，以补充播放器上的艺术作品（但是不同的图像）。

任何想法？

Answer 1

您应该查看SoundCloud提供的Widgets API：

https://developers.soundcloud.com/docs/api/html5-widget

我想你会使用bind函数绑定到play事件。类似的东西：

 widget.bind(SC.Widget.Events.PLAY , function() {
     console.log('Playing... Update CSS here');
 });