做了个很小巧的悬浮播放器
2019-08-20 17:09:32 / 5687 / 编程代码自从更新了模板以后,就忘记搞一个悬浮的音乐播放器了,原来那个是网上找的,功能很强大,但是引入的东西(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食用的。
封尘
7777
寻梦xunm
大佬好,给大佬拔草
智能锁
现在,握住把手,一步就能开门回家。先进的指纹解锁,多种便捷的开锁方式。
封尘
@YIR 估计你上次打开的时候,我在调试代码。又没有介绍,所以你感觉很奇怪。
YIR
这个好,上次我点开右下角的小圈时,都很纳闷是什么。
封尘
@gaigai 是bug,哈哈哈
gaigai
手机点开了没办法关掉吗
封尘
@心灵博客 这就是全程键盘操作的,鼠标操作不了。
心灵博客
可以了,我开始是用鼠标点击的,用键盘ok
心灵博客
@封尘 就是Chrome