灵少 发表于 2016/1/15 21:31

网易云音乐插入教程

最近,花言发现网易云音乐也能插入flash音乐播放器了
基本上可以取代虾米,曲库很丰富,界面也很漂亮
自用过程中很少发现有自己找不到的歌曲
播放器永久有效,完全可以放心使用

教程图片如果不够大的话直接戳图片查看大图

网易云音乐官网 :http://music.163.com/

进入之后在箭头处搜索自己想找的歌曲

http://ww3.sinaimg.cn/large/005WtagYgw1eo87cczzoqj30wu0kktog.jpg

搜索结果出来后,点击自己想要的歌曲

http://ww1.sinaimg.cn/large/005WtagYgw1eo87tp0o1gj30ry0e30vi.jpg

然后点击“生成外链播放器”

http://ww1.sinaimg.cn/large/005WtagYgw1eo87xe684bj30sb0hwgp7.jpg

生成之后在这里选择“flash插件”

http://ww1.sinaimg.cn/large/005WtagYgw1eoh1nl4rd4j30sj0kmmzf.jpg

然后就可以看到这样一个界面,最下面的就是需要用到的代码地址了

http://ww4.sinaimg.cn/large/005WtagYgw1eo888b1b5aj30s00i6jtf.jpg

得到代码地址之后还要对代码地址进行截取

先简单说明一下:

有两种尺寸可以选择,即 320 X 66 和278 X 32
320 X 66 尺寸的Flash播放器需求宽为340,高为86
278 X 32 尺寸的Flash播放器需求宽为298,高为52
自动播放也是看个人的需求

以为只有这两种尺寸?你错了!这个我会在后面告诉大家的

首先我们复制灰色阴影这一段代码http://music.163.com/style/swf/widget.swf?sid=30031177&type=2&auto=0&width=320&height=66

http://ww3.sinaimg.cn/large/005WtagYgw1eo89c6v30sj30ke058q3o.jpg

然后我们找到这个代码里划横线处的width和height
width是宽,height是高!
如图,我们得知320 X 66的宽是340,高是86
至于这个为何和src地址里的width和height不一样
那是因为网易云音乐的外链播放器还有背景阴影
所以数字必须比那个数值大
而且细心点的人能够发现,地址里的width和height和图中的尺寸选择相同
所以到时候想要什么风格记住宽高就好了!
补充:代码中的”auto=0“。数字0代表不自动播放,1代表自动播放,在代码中更改数字即可

复制好代码地址之后到发帖界面,戳“FLASH”进入播放器设置

http://ww3.sinaimg.cn/large/005WtagYgw1eo89hjtm9zj308n02xq32.jpg

http://ww4.sinaimg.cn/large/005WtagYgw1eo89ttquizj30cu0cijt1.jpg

提交后播放器就完成了

效果图及代码:
320 X 66:

http://music.163.com/style/swf/widget.swf?sid=643982&type=2&auto=1&width=320&height=66

然后还有一种278 X 32的,个人认为论坛最适合的就是这种了,方法一样我就不多说了

接下来进入教程第二阶段\(≧▽≦)/
还有个大小没教大家呢
之前外链播放器页面我改地址发现了还有个大小
宽高为310 X 430
这种是用来放多首歌或者歌单还有专辑用的
用的方法就是把Flash文件地址里的宽【width】和高【height】改成310和430
设置flash时的宽为330,高为450

但是你改了之后只有一首歌
怎么放更多歌?
你可以直接将整个歌单或者是专辑生成外链播放器
然后将地址复制粘贴
如果你并不想设置太多的歌曲
这个时候就需要用到歌曲ID了


有看到地址里的sid了吗?sid的意思就是歌曲ID的意思
关于sid如何获得的问题(比如《花雪》这首歌的地址:http://music.163.com/#/song?id=28987940,蓝色标注的就是sid啦!)
如果觉得用网页比较烦的话
就下载一个网易音乐客户端
然后歌曲上右键,选择“复制链接”
之后找一个可以打字的地方粘贴
粘贴出来的网址最后的数字就是这首歌的ID
最后把这个ID替换到我给大家的代码中就可以了
如果是做歌单的话需要用英文逗号把歌曲ID分隔

地址示例:
http://music.163.com/style/swf/widget.swf?sid=658418,22760421,28018285,29819769&type=2&auto=1&width=310&height=430
然后再来附上效果图:

小樱 发表于 2016/1/16 02:05

.其实一年前就有了

灵少 发表于 2016/1/16 17:55

小樱 发表于 2016/1/16 02:05
.其实一年前就有了

{:3127:}
页: [1]
查看完整版本: 网易云音乐插入教程