马黑黑 发表于 2024-12-1 23:24

脚镯播放控制器配置说明

即将发布的脚镯模块播放控制器也是通过帖子css 代码的 #mplayer 选择器做前台相关设置,提前说明如下:


#mplayer {
    width: 200px; /* 宽度 缺省值 160px */
    height: 200px; /* 高度 缺省值 160px */
    color: snow; /* 文本颜色 缺省值 lightblue */
    left: 45%; /* 横向定位 支持 right 属性 */
    bottom: 40px; /* 纵向定位 支持 top 属性*/
    --color1: white; /* 脚镯珠子主色缺省词变量每一粒珠子都使用随机色*/
    --color2: gray; /* 脚镯珠子内阴影颜色 缺省此变量模块自配 */
    --prog: red; /* 播放进度指示颜色 缺省默认红色 */
    --track: white; /* 进度底轨颜色 缺省值 tan */
    --bRad: 50% 80%; /* 脚镯珠子 border-radius属性值 缺省为 50% 100% */
   /* 以下是播放按钮背景 缺省时是一个多彩光盘;圆形,支持图片、渐变 */
    --btnBg: url('https://638183.freep.cn/638183/t23/btn/meihua_133482968750383750.png') center/cover;
}

可定义的属性、变量相对比较多,可以根据需要或使用全部或部分默认设置,以减少代码量,或全自设上述属性,以丰富播放器外观。

模块一样通过 css 的 @import 方法引用对应的 css 资源文档,和前面的几个模块一样,集成有LRC歌词同步、视频等样式设置,都可以通过对应的 #选择器重设相关样式。


模块名为 anklet.js + anklet.css,现已进入测试阶段,估计很快可以发布。

杨帆 发表于 2024-12-2 00:47

屡创新高,实属不易,祝贺马老师近日发布脚镯播放控制器{:4_191:}

红影 发表于 2024-12-2 09:45

这么多变量,黑黑要先设置好默认值,还要弄好封装,真不容易。黑黑辛苦了{:4_187:}{:4_190:}

马黑黑 发表于 2024-12-2 13:17

红影 发表于 2024-12-2 09:45
这么多变量,黑黑要先设置好默认值,还要弄好封装,真不容易。黑黑辛苦了

这个是在过去插件的基础上改变一下工作机制,难度不是很大,关键是测试花点时间

马黑黑 发表于 2024-12-2 13:18

杨帆 发表于 2024-12-2 00:47
屡创新高,实属不易,祝贺马老师近日发布脚镯播放控制器

{:4_190:}

红影 发表于 2024-12-2 15:07

马黑黑 发表于 2024-12-2 13:17
这个是在过去插件的基础上改变一下工作机制,难度不是很大,关键是测试花点时间

在你这里难度都不大,换个人肯定就不行了呢{:4_173:}

马黑黑 发表于 2024-12-2 18:15

红影 发表于 2024-12-2 15:07
在你这里难度都不大,换个人肯定就不行了呢

换谁都可以

花飞飞 发表于 2024-12-2 18:41

顺着贴子过来,这里还有个链接说明。。
一个单词一个单词的解释,好详细啊。。{:4_199:}

花飞飞 发表于 2024-12-2 18:43

播放按钮背景 缺省时是一个多彩光盘;圆形,支持图片、渐变
这个小播按纽可以自行更改,妙,原始光盘的本身也漂亮的。。

马黑黑 发表于 2024-12-2 18:49

花飞飞 发表于 2024-12-2 18:43
播放按钮背景 缺省时是一个多彩光盘;圆形,支持图片、渐变
这个小播按纽可以自行更改,妙,原始光盘的本 ...

原始的应该也好看

花飞飞 发表于 2024-12-2 18:56

马黑黑 发表于 2024-12-2 18:49
原始的应该也好看

不是一般的好看,是非常好看。。色彩过渡自然天成,太美了{:4_174:}

绿叶清舟 发表于 2024-12-2 20:29

--bRad: 50% 80%;这个没见过

马黑黑 发表于 2024-12-2 21:13

绿叶清舟 发表于 2024-12-2 20:29
--bRad: 50% 80%;这个没见过

border-radius 属性即边框用的变量值,变量名是自定义的

红影 发表于 2024-12-2 22:39

马黑黑 发表于 2024-12-2 18:15
换谁都可以

怎么可能,换我肯定懵了{:4_173:}

马黑黑 发表于 2024-12-2 23:02

红影 发表于 2024-12-2 22:39
怎么可能,换我肯定懵了

因为你不是程序猿,是的话,都可以,还会做的更好

红影 发表于 2024-12-2 23:32

马黑黑 发表于 2024-12-2 23:02
因为你不是程序猿,是的话,都可以,还会做的更好

这里有猿(身)份的就你了吧{:4_187:}

马黑黑 发表于 2024-12-2 23:36

红影 发表于 2024-12-2 23:32
这里有猿(身)份的就你了吧

{:4_196:}

红影 发表于 2024-12-3 20:04

马黑黑 发表于 2024-12-2 23:36


反正我想成猿还差老远了。

小辣椒 发表于 2024-12-3 20:35

这个说明很具体,每个效果代码都有提示

小辣椒 发表于 2024-12-3 20:35

做之前得好好学习一下的
页: [1] 2
查看完整版本: 脚镯播放控制器配置说明