脚镯播放控制器配置说明

马黑黑

即将发布的脚镯模块播放控制器也是通过帖子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 09:45
这么多变量，黑黑要先设置好默认值，还要弄好封装，真不容易。黑黑辛苦了

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

马黑黑

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

红影

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

在你这里难度都不大，换个人肯定就不行了呢

马黑黑

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

换谁都可以

花飞飞

顺着贴子过来，这里还有个链接说明。。
一个单词一个单词的解释，好详细啊。。

花飞飞

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

马黑黑

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

原始的应该也好看

花飞飞

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

不是一般的好看，是非常好看。。色彩过渡自然天成，太美了

绿叶清舟

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

马黑黑

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

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

红影

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

怎么可能，换我肯定懵了

马黑黑

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

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

红影

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

这里有猿（身）份的就你了吧

马黑黑

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

红影

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

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

小辣椒

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

小辣椒

做之前得好好学习一下的