设为首页收藏本站

ZMX - IT技术交流论坛 - 无限Perfect,追求梦想 - itzmx.com

 找回密码
 注册论坛

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

用百度帐号登录

只需两步,快速登录

搜索
查看: 3180|回复: 2

网易云音乐插入教程

[复制链接]

签到天数: 74 天

[LV.6]常住居民II

发表于 2016/1/15 21:31 | 显示全部楼层 |阅读模式 |TheWorld Browser|Windows 7
天涯海角搜一下: 百度 谷歌 360 搜狗 有道 雅虎 必应 即刻
最近,花言发现网易云音乐也能插入flash音乐播放器了
基本上可以取代虾米,曲库很丰富,界面也很漂亮
自用过程中很少发现有自己找不到的歌曲
播放器永久有效,完全可以放心使用


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

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

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



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



然后点击生成外链播放器



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



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



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

先简单说明一下:


有两种尺寸可以选择,即 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



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

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






提交后播放器就完成了

效果图及代码:
320 X 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分隔

地址示例:
?sid=658418,22760421,28018285,29819769&type=2&auto=1&width=310&height=430
然后再来附上效果图:


捕获.PNG
欢迎光临IT技术交流论坛:http://bbs.itzmx.com/
回复

使用道具 举报

 成长值: 333

签到天数: 4736 天

[LV.Master]伴坛终老

发表于 2016/1/16 02:05 | 显示全部楼层 |Google Chrome 48.0.2564.48|Windows 10
.其实一年前就有了
[发帖际遇]: 小樱 发帖时在路边捡到 2 樱币,偷偷放进了口袋. 幸运榜 / 衰神榜
欢迎光临IT技术交流论坛:http://bbs.itzmx.com/
回复 支持 反对

使用道具 举报

签到天数: 74 天

[LV.6]常住居民II

 楼主| 发表于 2016/1/16 17:55 | 显示全部楼层 |TheWorld Browser|Windows 7
小樱 发表于 2016/1/16 02:05
.其实一年前就有了

欢迎光临IT技术交流论坛:http://bbs.itzmx.com/
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册论坛 新浪微博账号登陆用百度帐号登录

本版积分规则

手机版|Archiver|Mail me|网站地图|IT技术交流论坛 ( 闽ICP备13013206号-7 )

GMT+8, 2024/12/22 15:25 , Processed in 0.255081 second(s), 26 queries , MemCache On.

Powered by itzmx! X3.4

© 2011- sakura

快速回复 返回顶部 返回列表