LMP34-复古脉冲 · 赛博朋克霓虹皮肤
LMP34-复古脉冲是 LMP34 播放器内置的一款赛博朋克霓虹风卡片式皮肤, 作者落寞,版本 v1.2。整体以深邃夜幕为底、青蓝霓虹为笔, 用极简的卡片分割和精准的像素定位,在一张 900 × 520 的画布上 把播放器该有的一切——列表、封面、频谱、歌词、控制——全部装下, 不拥挤、不空洞、不花哨。
外观 · 深邃霓虹
皮肤走的是低饱和深色底 + 高饱和青蓝点缀的路线。
列表文字用灰调 #888888,当前播放行和高亮状态切到 #00e5ff ——像极了赛博朋克街区里,霓虹招牌在雨夜反光的那束光。
控制栏按钮统一 22px 方形,进度条和音量条瘦长 4px,
时间显示用等宽字体 Consolas,营造出一种复古终端的科技质感。
布局 · 四区卡片
整张播放器分为四个独立卡片区域,互不遮挡,各司其职:

-
左上 · 播放列表(340 × 480)
顶部自带搜索框,输入即时过滤;列表项支持分组展开折叠; 当前播放行霓虹高亮;右上角有一键关闭按钮。 -
右上 · 媒体窗口(560 × 290)
大封面 / 视频画面展示区;底部内嵌 81px 高的频谱画布, 音乐播放时霓虹波形跳动,视频播放时自动隐藏。 -
右下 · 歌词窗口(560 × 190)
22px 微软雅黑居中显示,配 KTV 插件时逐字扫光高亮, 与右上媒体窗口无缝拼接成一个整体视觉块。 -
底部 · 控制栏(900 × 40)
从左到右依次:上一首 · 播放/暂停 · 下一首 · 当前时间 · 进度条 · 列表 · 全屏 · 歌词 · 音量 · 静音 · 频谱。 全部像素级定位,鼠标悬停有微动效反馈。
功能 · 一个不少
| 功能 | 说明 |
|---|---|
| 播放列表搜索 | 输入歌名即时过滤,支持分组展开折叠 |
| 实时频谱 | 右上媒体窗口底部内嵌画布,支持开/关切换 |
| 全屏播放 | 一键全屏,自动锁定视频画面比例 |
| 静音记忆 | 点击静音持久生效,图标状态同步正确 |
| 歌词切换 | 独立按钮随时显示/隐藏歌词面板 |
| 进度定位 | 进度条 310px 可拖拽精确定位 |
| 音量调节 | 48px 音量条 + 静音按钮双保险 |
| 右键菜单 | 完整上下文菜单:全屏/列表/歌词/视频/选项/复制 |
| 设置面板 | 右上角弹出 260 × 320 设置窗,可切皮肤、查版本、复制分享地址 |
适配 · 视频通吃
皮肤的 video 容器尺寸 560 × 290 独立于歌词面板,
播放视频时频谱自动让位,封面/视频画面完整呈现;
播放音频时歌词面板 190px 自动顶在媒体区下方,
音频/视频切换丝滑,没有任何布局抖动。
皮肤配置方法
在播放器的 index.php 或 config.xml 中,
通过 skins 和 skin_id 两个参数启用。
// 多个皮肤一起注册,skin_id 指定默认第 N 个(从 1 开始) skins: 'skins/default,skins/qqplayer,skins/lmp34-pulse', skin_id: 3, // ← 第 3 个就是 lmp34-pulse // 或者直接指定单皮肤,skin_id 失效 skin: 'skins/lmp34-pulse',
皮肤文件位于 skins/lmp34-pulse/ 目录,
包含 skin.xml(布局定义)+ skin.css(样式)+ skin.js(钩子逻辑)三个文件,
部署时直接把整个 lmp34-pulse 文件夹上传到服务器即可。


暂无评论,快来抢沙发~