SoundCloud嵌入小部件,希望每次都能随机播放一首歌
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SoundCloud嵌入小部件,希望每次都能随机播放一首歌相关的知识,希望对你有一定的参考价值。
在这个页面上,我看到了小部件的许多功能:http://developers.soundcloud.com/docs/widget
但我没有看到任何关于随机或随机播放的内容。我在我的网站上有我的小部件的方式,轨道列表没有故意显示,所以你可以看到的是播放/暂停按钮和标题。给它一个极简主义和非常干净的外观。
但是每当有人访问/刷新网站时,我都希望它能随机播放。这可能吗?
这是我的代码,只是标准的嵌入:
<iframe width="100%" height="65" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F5346417&color=579ce6&auto_play=true&show_artwork=false"></iframe>
答案
好吧,我已经设法使用javascript和JS Widget API来做到这一点。这提供了Method .skip()的使用,我将其设置为零和播放列表中曲目数之间的随机数。这也会调用自动启动。
另一答案
这是我的代码:
$(document).ready(function(){
//Variable declaration
var player = SC.Widget($('iframe.sc-widget')[0]);
var randomVal;
//player initialisation
player.bind(SC.Widget.Events.READY, function() {
randomSong(player);
player.play();
});
//Set the random song
function randomSong(player) {
randomVal = Math.random() * 10;
for(i = 0; i < randomVal; i++)
{
player.next();
}
}
});
使用Google Chrome浏览器,它非常适合我。
我用这个例子作为我的soundcloud player的主要来源。
我刚刚添加了随机函数,您可以在此评论中看到。
以上是关于SoundCloud嵌入小部件,希望每次都能随机播放一首歌的主要内容,如果未能解决你的问题,请参考以下文章
soundcloud 小部件:自动播放在 Firefox 16 中无法始终如一地工作
SoundCloud SC.Widget.Events.FINISH 不再触发 HTML5 小部件