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

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

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


  • 现在,握住把手,一步就能开门回家。先进的指纹解锁,多种便捷的开锁方式。

    回复
  • @YIR 估计你上次打开的时候,我在调试代码。又没有介绍,所以你感觉很奇怪。

    回复
  • YIR

    这个好,上次我点开右下角的小圈时,都很纳闷是什么。

    回复
arrow_forward
gravatar头像