时间和事件嵌入声云
Time and events in soundcloud embed
如何在SoundCloud上用JavaScript或PHP获取曲目的持续时间?我可以将此持续时间用于JavaScript事件吗?
工作JSFiddle:https://jsfiddle.net/aj3Pw/1/
HTML:
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F7659975" id="player"></iframe>
<button id="play">Play</button>
JS:
var iframe = document.querySelector('#player');
var sc = SC.Widget(iframe);
sc.bind(SC.Widget.Events.READY, function() {
var d = document.createTextNode('Ready');
document.querySelector('body').appendChild(d);
});
document.querySelector('button').addEventListener('click', function() {
sc.play();
sc.getDuration(function(duration) {
console.log(duration);
// do whatever you need to with the duration variable
});
});
相关文件:https://developers.soundcloud.com/docs/widget#methods
相关文章:
- 存在每个时间元素的javascript事件
- Javascript:如何在onChange事件期间更改日期时间值
- 事件时间戳谷歌分析
- 时间和事件嵌入声云
- 节点.js在一定时间后发出事件
- 在 Node.Js 脚本中使用 Javascript 计时器在特定时间触发事件
- HTML 5 音频 :是否有在更改缓冲持续时间时触发的事件
- 时间间隔的 JavaScript 事件侦听器
- 完整的日历错误时间在点击事件谷歌日历
- AngularJS:跟踪在Web应用程序中花费的时间,然后在特定时间触发事件
- 谷歌分析/Mixpanel/等.确定时钟错误时的事件时间戳
- JavaScript变量在第二次单击事件时间后取消设置
- “;预加载“;<音频>影响window.onload事件时间
- 用于查找重叠事件/时间的算法
- 淘汰赛和事件时间安排
- 完整日历不显示基于事件时间的事件
- 将事件时间添加到一天中-完整日历
- 谷歌分析跟踪事件时间
- 如何添加onclick功能以显示事件时间轴图表上的额外信息
- 谷歌地图事件时间戳