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&amp;color=579ce6&amp;auto_play=true&amp;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 小部件事件未触发

soundcloud 小部件:自动播放在 Firefox 16 中无法始终如一地工作

SoundCloud SC.Widget.Events.FINISH 不再触发 HTML5 小部件

从嵌入式 soundcloud 元素中获取声音数据

Soundcloud iframe 和 YouTube iframe 一起出现的问题

每次在三星设备上更新应用程序时,小部件都会消失