Skip to content

给博客引入网易云播放器

· 1 min ·

突然好奇网易云播放器可不可以引入Blog里,问了GPT,找到了来自北海的佰川的开源项目NeteaseMiniPlayer,遂高兴采用。项目非常轻量级,只有一个js文件和一个css文件。

Usage#

  1. 引入js和css文件:
<link
rel="stylesheet"
href="https://api.hypcvgm.top/NeteaseMiniPlayer/netease-mini-player-v2.css"
/>
<script src="https://api.hypcvgm.top/NeteaseMiniPlayer/netease-mini-player-v2.js"></script>
  1. 创建播放器:
<div
class="netease-mini-player"
data-playlist-id="14273792576"
data-position="bottom-left"
data-lyric="true"
data-theme="auto"
></div>

文档里有更多自定义参数可选,支持固定或浮动位置。

不过UI样式和颜色可能搭配的不是很好,且主题切换有bug,感兴趣的话可以提个pr改进一下。api接口使用的是网易云音乐Api Enhanced这个项目。

参考资料#