LMP34 单文件播放器

零后端依赖 · 内联配置 · 即插即用 · 全插件生态

1
文件即可
0
后端依赖
16
视觉特效
∞
皮肤/插件

核心理念

传统播放器依赖 config.xml/ini 等外置配置文件,LMP34 单文件模式彻底抛弃这个模式 —— 所有配置直接写在 LMP34.init({...}) 里,和页面结构、CSS、业务逻辑**完全内联**。

📦 单文件分发

只要一个 index.html(或 index.php),无需额外配置文件。适合博客、CMS、单页应用直接挂载。

LMP34 全部配置参数 最新的看更新
🔗 URL 参数即时覆盖

所有配置支持 URL 参数(如 ?ktv=1&effects=aurora),优先级高于内联配置,调试无需改代码。

🎨 全插件生态

皮肤、特效、KTV 扫光、跑马灯、频谱、分享 —— 6 大核心插件,全部配置化,按需加载、按需关闭。

🪶 插件自动补全

plugins 配置无需写 plugins/ 前缀,写 'ktv,effects' 即可,内核自动补全路径。


配置参数全解

按功能分组,完整覆盖所有可配置参数。参数名(红色)、默认值(蓝色)、说明三栏清晰对照。

📋 基础容器
url''配置文件地址,留空=纯内联配置
container'lmp34-player'播放器挂载的 DOM 容器 ID
name'LMP34'播放器名称(页面标题、右键菜单)
link''右键菜单首页链接
🖼️ 背景 & 插件分层
bg_image''全屏背景图/视频/网页 URL(z-index 最底层)
bg_plugins''背景层插件(z-index:皮肤之后),逗号分隔。marquee/waveform/effects/share 均支持
plugins''功能插件注册(内核逻辑层),无需写 plugins/ 前缀,自动补全
🎨 皮肤 & 播放
skins'skins/default'皮肤目录,多皮肤用逗号分隔。单皮肤无需 skin_id
skin_id''默认皮肤序号/目录名,仅多皮肤时必填
lists'list.xml'播放列表文件路径
auto_play0自动播放 1=是 0=否
play_mode1播放模式 0=顺序 1=循环 2=随机 3=单曲循环
⚙️ 插件参数(按需加载)
ktv0KTV 扫光 1=是 0=否(需 plugins 包含 ktv)
ktv_offset0歌词时间偏移(秒),负数提前、正数延迟
effects'particles'特效类型(particles/snow/stars/rain 等 16 种)
effects_density1.0粒子/雪花密度倍率
marquee1跑马灯 1=是 0=否
spectrum_id1频谱样式 1-18
share1侧边栏分享 1=是 0=否(支持 bg_plugins 全屏挂载)

LMP34.init 完整示例

以下为生产环境常用配置片段,一键复制即可使用。按功能分组,注释清晰。

LMP34.init({ // ===== 基础容器 ===== url: '', // 留空=纯内联配置,不走 config.xml container: 'lmp34-player', // 挂载容器 ID name: 'LMP34 Player', // 播放器名称 link: 'https://www.cnlog.cc', // 右键首页链接 // ===== 背景 & 插件层 ===== bg_image: 'https://lmp34.cnlog.cc/image/slideshow.php?id=2', // 全屏背景图 bg_plugins: 'marquee,waveform,effects,share', // 背景层插件(z:皮肤之后) plugins: 'ktv,effects', // 功能插件注册(无需 plugins/ 前缀) // ===== 播放列表 ===== lists: 'list.xml', auto_play: 1, play_mode: 1, // ===== 皮肤 ===== skins: 'skins/cmp4-wmp11', // 单皮肤,无需 skin_id // ===== 频谱 ===== spectrum_id: 17, // ===== KTV 扫光歌词 ===== ktv: 1, ktv_color: '#ff0000', ktv_default_color: '#fff000', ktv_size: 13, ktv_offset: -0.5, // 提前 0.5 秒高亮 ktv_soft_edge: 8, // 扫光过渡 8% // ===== Effects 视觉特效 ===== effects: 'snow', effects_mode: 'source-over', effects_speed: 1.0, effects_density: 5, // ===== Marquee 跑马灯 ===== marquee: 1, marquee_height: 32, marquee_bg: 'rgba(0,0,0,0.55)' });

URL 参数优先级说明

配置读取优先级(从高到低):URL 参数 → LMP34.init 内联配置 → config.xml 配置。URL 参数覆盖内联配置,内联配置覆盖 config.xml。

💡 典型调试场景

已配置好内联配置,想临时测试 KTV 扫光效果?直接在 URL 加 ?ktv=1&ktv_offset=-1 即可,刷新页面后生效,无需改任何代码。


快速上手 3 步

1
下载核心文件

下载 lmp34-embed.js 或直接引用 CDN

2
复制配置代码

复制上方 LMP34.init 代码块,修改容器 ID、皮肤目录、列表文件路径

3
上传访问

上传服务器,浏览器打开 index.php,URL 参数即时调试


LMP34 · SINGLE-FILE · CONFIG-DRIVEN

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>LMP34 Player</title>
</head>
<body>
<div style="position:fixed;top:0;left:0;width:100%;height:100%;">
    <div id="lmp34-player" style="width:100%;height:100%;"></div>
</div>
<script src="https://lmp34.cnlog.cc/lmp34-embed.js"></script>
<script>
LMP34.init({
    url: '',                              // 配置文件地址,留空=不走 config.xml,纯内联配置
    container: 'lmp34-player',            // 播放器挂载的 DOM 容器 ID

    name: 'LMP34 Player 音乐视频播放器',    // 播放器名称(页面标题、右键菜单显示)
    link: 'https://www.cnlog.cc',          // 右键菜单首页链接(新窗口打开)
    logo: '',                              // LOGO 图片,格式 '{src:图片路径,xywh:[x,y,w,h]}'

    bg_image: 'https://lmp34.cnlog.cc/image/slideshow.php?id=2', // 全屏背景图/视频/网页 URL
                                           // slideshow.php?id=1/2 固定背景,?random=1 随机切换

    bg_plugins: 'marquee,waveform,effects', // 背景层插件(z-index:皮肤之后/bg_image之前)
                                           // marquee 顶部跑马灯 / waveform 频谱 / effects 视觉特效
                                           // 关闭某插件直接移除对应名字即可

    plugins: 'ktv,effects',                // 功能插件(注册到播放器逻辑层)
                                           // ktv 歌词扫光 / effects 特效主插件(必须注册才能生效)

    lists: 'list.xml',                     // 播放列表文件路径

    skins: 'skins/cmp4-wmp11',             // 皮肤目录,多个用逗号分隔 'skins/a,skins/b'
                                           // 单皮肤场景下不需要 skin_id

    skin_id: '',                           // 默认皮肤序号或目录名(skins 多选项时指定加载哪个)

    auto_play: 1,                          // 自动播放 1=是 0=否
    play_mode: 1,                          // 播放模式 0=顺序 1=循环 2=随机 3=单曲循环
    play_id: '',                           // 默认播放项序号(从 1 开始),空=列表第一项

    console_offset: '0,0',                 // 调试控制台偏移 'x,y',cmp4-wmp11 不显示控制台

    spectrum_id: 17,                       // 频谱样式序号 1-18(waveform 插件提供)

    // ===== KTV 歌词插件 =====
    ktv: 0,                                // 逐字扫光高亮 1=是 0=否
    ktv_color: '#ff0000',                  // 已唱部分高亮颜色
    ktv_default_color: '#fff000',          // 未唱部分默认颜色
    ktv_size: 25,                          // 歌词字号 0=使用皮肤默认
    ktv_offset: 0,                         // 时间偏移(秒)正数延迟/负数提前,修正歌词同步误差
    ktv_soft_edge: 6,                      // 扫光过渡带宽度 0-20%,值越大边缘越柔和

    // ===== Effects 视觉特效插件 =====
    effects: 'snow',                       // 特效类型(particles/snow/stars/fireflies/rain/bubbles/aurora/dna/matrix/confetti/petals/wave/smoke/lightning/vortex/galaxy)
    effects_mode: 'source-over',           // Canvas 合成模式(source-over/lighter/multiply/screen)
    effects_speed: 1.0,                    // 特效速度倍率(1=默认,值越大越快)
    effects_density: 5,                    // 特效粒子/雪花密度倍率(1=默认,值越大越密)

    // ===== Marquee 跑马灯插件 =====
    marquee: 1,                            // 启用跑马灯 1=是 0=否
    marquee_text: "★ 欢迎光临 [a href='https://www.cnlog.cc/' target='_blank' style='color:#ffcc44;text-decoration:none;']CnloG 博客[/a] ★ 本站由 [b][color=#ffcc44]LMP34[/color][/b] 多媒体播放器强力驱动 ★ 支持 [color=#66ccff]音乐[/color] / [color=#66ff66]视频[/color] / [color=#ff9966]图片[/color] ★ 内置 [b]实时频谱可视化[/b] 让音乐跃然屏上 ★ [b]逐字歌词扫光[/b] 跟随节奏高亮 ★ [b]多套精美皮肤[/b] 一键切换 ★ [b]博主 QQ:[color=#ffcc44]7419838[/color][/b] 欢迎交流 ★",
                                           // 滚动文字支持 BBCode: [b]加粗[/b] [color=#xxx]颜色[/color] [a href='url']链接[/a]
    marquee_speed: 33,                     // 滚动速度(像素/秒)
    marquee_color: '#ffffff',              // 文字颜色
    marquee_bg: 'rgba(0,0,0,0.55)',        // 背景颜色(支持 rgba 透明)
    marquee_height: 32,                    // 横条高度(像素)
    marquee_dir: 'left',                   // 滚动方向 left=向左 right=向右
    marquee_size: 14,                      // 字体大小(像素)

    // ===== Waveform 频谱插件 =====
    wf_color: '',                          // 频谱颜色,空=跟随皮肤
    wf_glow: 1,                            // 发光效果 1=是 0=否
    wf_line: 2,                            // 线条粗细(像素)
    wf_label: 0,                           // 显示样式名 1=是 0=否

    // ===== Share 分享插件 =====
    share: 1,                              // 显示分享按钮 1=是 0=否
    share_title: '',                       // 分享标题,空=自动取歌曲名
    share_url: '',                         // 分享链接,空=自动取当前页面 URL

    // ===== 媒体兜底处理 =====
    src_handler: '',                       // 音乐地址代理(仅远程地址生效),可用 {vid} {src} 占位
    lrc_handler: '',                       // 歌词地址兜底,可用 {label} {rd} 占位
    image_handler: '',                     // 封面图兜底,可用 {label} {image} {img} {rd} 占位
    text_handler: '',                      // 描述文字兜底,可用 {label} 占位

    // ===== 背景/兜底资源 =====
    bg_video: '',                          // 视频背景地址(留空则不启用视频层)
    bg_lrc: '',                            // 歌词区域背景图
    error_handler: ''                      // 错误上报地址
});
</script>
</body>
</html>