使用 Soundcloud 播放器按钮更改嵌入的页面上的元素
Using Soundcloud player buttons to change elements on the page embedded on
具体来说,我将在一个html页面上有5个soundcloud轨道/集。当播放其中一个时,我想更改嵌入播放器的页面的背景图像,以补充播放器上的艺术品(但图像不同)。
有什么想法吗?
您应该查看SoundCloud提供的Widgets API:
https://developers.soundcloud.com/docs/api/html5-widget
我想您将使用绑定函数绑定到播放事件。像这样:
widget.bind(SC.Widget.Events.PLAY , function() {
console.log('Playing... Update CSS here');
});
相关文章:
- Webdriver.io pageObject模式-通过传递参数来定义元素选择器
- 如何检查用户在html5视频播放器中观看了完整的视频
- 音乐播放器使用相同的id播放所有内容
- 在FF和IE中使用vimeo播放器的问题-加载flash播放器而不是使用HTML5播放器
- 使用HTML5播放器时使用Javascript更改Youtube视频
- 可以't根据设备自动调整youtube播放器的大小
- html5视频播放器和视频js之间的关系
- 有没有办法在dailymotion播放器的新测试版中播放youtube视频
- 我可以共享一个HTML播放器吗
- 动态加载的自定义javascript/jQuery/HTML5音频播放器的问题
- 我们如何在dailymotion播放器的新测试版中播放youtube视频
- 角度媒体播放器和动态内容
- Javascript::通过HTML5音频播放器播放列表播放多个音频文件
- 创建视频播放器(Quicktime浏览器插件)React元素,输出缺少的视频属性
- [代码播放器]当 iframe 内容从文本区域使用 JavaScript 动态加载时,如何在 iframe 内查找元素
- 使用 Soundcloud 播放器按钮更改嵌入的页面上的元素
- 自定义html5视频播放器控件元素中可用的按钮
- 有没有一种方法可以手动控制YouTube HTML5播放器的音量(JavaScript/Inspect元素)
- 使用JavaScript包装HTML5视频元素会破坏iOS中的视频播放器
- 我如何使用JavaScript媒体元素创建一个自定义HTML5音频播放器的多个实例