订阅博客
收藏博客
微博分享
QQ空间分享

如何将网易云音乐加入到自己的网站!

频道:技术分享 标签:菜鸟程序员 时间:2016年02月16日 浏览:1853次 评论:0条

今天在用网易云音乐听音乐的时候突发奇想想能不能在自己的博客中也加入音乐播放功能,然后就想几种实现方式:

①自己存储音乐然后用H5去播放读本地资源(耗时耗力,浪费资源)

②直接使用别人的现成的音乐播放器插件(没找到合适的资源,哈哈)

③将网易云音乐的播放功能引入到自己的博客中(最简单、最懒的方法)


下面就对采用网易云音乐加入到自己的网站做一个简单介绍:

首先登陆网易云音乐建立自己的歌单,并添加收藏音乐到歌单列表中;

网易云1.png

然后点击歌单上面的【分享】按钮,在输入框中随便输入分享信息将歌单分享出去,再进入到个人动态里面去找到刚刚分享出去的歌单;

3.png
点击找到的分享歌单进入到歌单详情页,点击上方的【生成外链】即可生成好相应的Html代码,这里的代码是可以选择和修改的,可以是flash或者iframe,当然里面的大小也是可以修改的;

4.png

5.png这里我给出我的一个外链代码示例:

  <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=290 height=400 src="http://music.163.com/outchain/player?type=0&id=170391908&auto=1&height=430"></iframe>	

将生成好的代码放置到你想要的网站位置,这样在网站上就可以播放你添加在列表里的音乐了,如果你想修改播放的列表你也只需要在我们的网易云音乐的后台歌单列表里修改即可,修改完成后网站歌单列表也会随之修改;

6.png这里便是我个人博客中引入成功的示例,感谢你的翻阅,如有需要可以留言讨论!

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

支付宝

微信