做了个很小巧的悬浮播放器-封尘博客

做了个很小巧的悬浮播放器

2019-08-20 17:09:32 / 5647 / 编程代码

自从更新了模板以后，就忘记搞一个悬浮的音乐播放器了，原来那个是网上找的，功能很强大，但是引入的东西（js/css）实在是太多了。很不方便，我后台还专门做了个音乐歌单拉取。
趁着有空，我自己做了个通用的悬浮播放器，很特别，很小巧，很反人类。
只要在网页中引用如下的代码，就可以了，你还可以自己定义圆形波浪的颜色，以及位置。
位置有四个位置：right-bottom（右下），left-bottom（左下），right-top（右上），left-top（左上）

<script>
var musicConfig = { 
   "position": "right-bottom", // 位置
   //"color": "rgba(128,128,128,.2)", // 颜色
   //"list": "2715895048,2655262957" // 网易歌单id，多个用逗号分割
};
</script>
<script src="https://api.lovefc.cn/music/music.min.js"></script>

使用的方式目前只支持有键盘的电脑，以后再更新。

Enter 播放，暂停
上下左右键，分别代表调节音量和上一曲，下一曲。
F 键刷新歌单

另外输入模式下，不会触发这个行为。

这个小插件是要配合pjax食用的。