CD留声机 - LMP34 播放器皮肤介绍

版本：v1.3  |  作者：落寞  |  QQ：7419838  |  www.cnlog.cc

一款复古 CD 黑胶唱片风格的播放器皮肤，模拟老式留声机唱片转动的视觉效果，搭配暖色调控制台，播放音乐时带来浓浓的怀旧氛围。支持主题色切换、歌词跟随主题高亮等特性。

复古黑胶   主题色切换   歌词高亮跟随   响应式布局

LMP34 皮肤 CD留声机

目录结构

  • skins/cd-player/skin.xml — 皮肤布局定义
  • skins/cd-player/skin.css — 样式表（含主题色变量）
  • skins/cd-player/skin.js — 脚本逻辑（主题切换）
  • skins/cd-player/*.png — 皮肤资源图片

使用方法

新建一个 HTML 页面，把下面的代码完整复制进去，保存为 player.html，上传到你的网站根目录即可： 

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LMP34 Player - CD留声机皮肤示例</title>
</head>
<body>
    <div id="lmp34-player" style="position:fixed;top:0;left:0;width:100%;height:100%;"></div>
    <script src="https://lmp34.cnlog.cc/lmp34-embed.js"></script>
    <script>
    LMP34.init({
        url: '',
        container: 'lmp34-player',

        // ========== ★★★ CD留声机皮肤 ★★★ ==========
        skins: 'skins/cd-player',

        // ========== 背景 & 列表 ==========
        bg_image: 'https://lmp34.cnlog.cc/image/slideshow.php?id=3',
        lists: 'list.xml',

        // ========== 背景插件 ==========
        bg_plugins: 'marquee,waveform,effects',
        plugins: 'ktv',
        effects: 'snow',
        effects_density: 5,
        effects_speed: 1.0,
        effects_mode: 'source-over',

        // ========== 跑马灯 ==========
        marquee_text: "★ 欢迎光临 CnloG 博客 ★ 本站由 LMP34 播放器强力驱动 ★",

        // ========== 播放器行为 ==========
        auto_play: 1,
        console_offset: '0,0',
        spectrum_id: 17,

        // ========== 版权信息 ==========
        name: 'LMP34 Player 音乐视频播放器',
        link: 'https://www.cnlog.cc'
    });
    </script>
</body>
</html>

换皮肤只改一行：把 skins/cd-player 换成你想要的皮肤目录名即可，比如 skins/cmp4-wmp11（WinMP11 风格）、skins/cmp4-zijian-vmini（自建迷你版）。

主题色切换

皮肤左上角提供主题切换小圆点，点击即可循环切换 8 套颜色（金色 / 紫色 / 翠绿 / 天蓝 / 赤红 / 玫红 / 青碧 / 橙色）。歌词高亮行、按钮、控制台都会跟随主题色实时变化。

也可以通过 CSS 变量在外部自定义主题色： 

:root {
    --theme-color: '#ffcc44';       /* 主题主色 */
    --theme-rgb: '255, 200, 60';   /* 主题色 RGB */
}

skin.xml 基础结构 

<skin name="CD留声机" version="1.3"
      author="落寞" email="7419838@qq.com"
      url="https://www.cnlog.cc"
      show_tips="0.5" context_menu="2">

    <list xywh="-47C, -24C, 240, 240" src="win.png" lock="0"></list>
    <media xywh="0, 0, 100%, 100%"></media>
    <lrc xywh="10, 20, -10, 160" color="#FFEB3B, var(--theme-color)"></lrc>
    <console xywh="0C, 0C, 360, 100" src="console.png"></console>

</skin>

💡 提示：当前皮肤歌词颜色策略为 — 普通行固定亮黄 #FFEB3B，高亮行跟随主题变量 --theme-color。CSS 样式全部定义在 skin.css 中，不写内联 style，方便外部覆盖。

获取更多皮肤

更多 LMP34 皮肤与插件，请访问 CnloG 博客皮肤专区：
https://www.cnlog.cc/category/17.html