欢迎使用自行搭建的贴吧云签到;如发现本模板问题请告诉我,thx

为Blogger添加背景音乐

教程 honeyshine 1152℃ 0评论
我的音乐播放依靠的是:SCM Music Player。这个播放器的好处是比较小巧,唯一的缺点就是,当你点开音乐列表的时候有广告出现,也许这就是它的盈利模式,可以理解。

接下来开始介绍:

1.进入网址:进入

2.选择自己喜欢的皮肤,然后next

3.添加默认播放列表,比如我设置的这样,然后next

4.设置自动播放和其它选项,如图

5.这时就会生成代码,只需要把代码写入html中就可以了

代码像是这样:
<!– SCM Music Player  –>
<script type=”text/javascript” src=”http://scmplayer.net/script.js”
data-config=”{‘skin’:’skins/black/skin.css’,’volume’:50,’autoplay’:false,’shuffle’:false,’repeat’:1,’placement’:’top’,’showplaylist’:false,’playlist’:[{‘title’:’%u81F3%u4E0A%u52B1%u5408 – %u68C9%u82B1%u7CD6′,’url’:’https://www.youtube.com/watch?v=KXXz0oS_jvA’},{‘title’:’Sweety – %u6AFB%u82B1%u8349′,’url’:’http://www.youtube.com/watch?v=vYcl7cw8gWo’},{‘title’:’%u97D3%u5E9A – %u5FC3%u75BC%u7B14%u8BB0%u672C’,’url’:’https://www.youtube.com/watch?v=68ECDy0SlaA’}]}” ></script>
<!– SCM Music Player script end –>

6.自定义播放列表

一般情况下,如果你的目的仅仅是实现一两首的背景音乐那么以上的教程就够了
但是,经过我半天的努力终于实现了如我的网页中的效果:自定义添加新的歌曲到列表中
此功能的目的是在原有的播放列表中添加新的歌曲
实现的原理:利用函数调用
实现代码:
<head>
<script>
function myFunction()
{
SCM.play({title:’此处为音乐名(如:Beyond – 岁月无声)‘,url:’此处为音乐的youtube链接(如:https://www.youtube.com/watch?v=QEOCahGzR08)‘});
}
</script>
</head>
<body>
<button onclick=”myFunction()“>播放</button>
</body>
</html>

此代码写入与第5步同一个html代码中便可实现目的

问题:添加多首音乐时,无论点击那个“播放”按钮,都只唱第一首

答:添加多首时,把代码中的红色部分“myFunction()”改变成myFunction01(),myFunction02(),myFunction03(),记住,两处都要修改,以免调用错误!!!



原创博客,转载请注明网址,本页网址:http://honeyshine75.blogspot.com/2014/02/blogger-SCM-Music-Player.html

转载请注明:记忆反射弧 » 为Blogger添加背景音乐

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址