← 全部文章
Hexo博客折腾记录

Hexo 嵌入网易云歌单播放器

约 1 分钟SIKUAI

起因

在写about介绍页面的时候想添加一个歌单,首选肯定是网易云啊,隐约记得他有播放器的代码生成,遂打开浏览器,找到下面的网页 https://music.163.com/#/outchain/0/6815390387\
可以看出歌单可以正常显示并且可以播放,下面是提供的iframe框架代码

<iframe frameborder="no" border="0" marginwidth="0" 
marginheight="0" width=330 height=86 
src="//music.163.com/outchain/player?type=2&id=27646205&auto=1&height=66">
</iframe>

我们大致可以看出控制窗体的宽高和type,id以及auto(自动播放)
此文只提及type和id

获取歌单ID

看不到生成按钮

首先是歌单界面看不到“生成外链播放器”,我们可以点击**“分享”,发送后来到个人主页**,最近的动态,点击进去看到的歌单就可以看到生成按钮了

版权原因不能生成


我们只需要右键,选择检查,在右侧看到data-href后面的一串数字,复制即是我们需要的id

type的值

type分为单曲和歌单,分别是2和0,如下

填错资源会加载不出来,我就踩了坑,还以为是网易加了校验(雾)

其他播放器

butterfly支持aplayer,还没时间研究,看文档功能挺强大的,有时间再琢磨