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

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

自从更新了模板以后,就忘记搞一个悬浮的音乐播放器了,原来那个是网上找的,功能很强大,但是引入的东西(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食用的。


arrow_back
gravatar头像