LMP34 单文件播放器
零后端依赖 · 内联配置 · 即插即用 · 全插件生态
|
1
文件即可
|
0
后端依赖
|
16
视觉特效
|
∞
皮肤/插件
|
核心理念
传统播放器依赖 config.xml/ini 等外置配置文件，LMP34 单文件模式彻底抛弃这个模式 —— 所有配置直接写在 LMP34.init({...}) 里，和页面结构、CSS、业务逻辑**完全内联**。
|
📦 单文件分发
只要一个 index.html（或 index.php），无需额外配置文件。适合博客、CMS、单页应用直接挂载。  |
🔗 URL 参数即时覆盖
所有配置支持 URL 参数（如 |
|
🎨 全插件生态
皮肤、特效、KTV 扫光、跑马灯、频谱、分享 —— 6 大核心插件，全部配置化，按需加载、按需关闭。 |
🪶 插件自动补全
plugins 配置无需写 |
配置参数全解
按功能分组，完整覆盖所有可配置参数。参数名（红色）、默认值（蓝色）、说明三栏清晰对照。
LMP34.init 完整示例
以下为生产环境常用配置片段，一键复制即可使用。按功能分组，注释清晰。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="referrer" content="never">
<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', // 右键菜单点击跳转链接
// ========== 皮肤 ==========
skins: 'skins/default,skins/cmp4-default,skins/qqplayer,skins/tudou,skins/cd-player,skins/kuwohd,skins/lmp34-yunying,skins/yh_vinyl,skins/lmp34-chengying,skins/cmp4-wmp11,skins/lmp34-pulse',
skin_id: '11', // 默认皮肤序号（从 1 开始，对应上面 skins 列表的第 N 个）
// ========== 播放列表 ==========
lists: 'list/163ph.php', // 播放列表，支持本地 xml / php / 远程 URL，多个逗号分隔
auto_play: 1, // 自动播放 1/0（浏览器可能拦截，首次交互后才能播）
// ========== 背景 ==========
bg_image: 'image/slideshow.php?id=2', // 全局背景，支持 图片 / 视频 / php / html 网页
bg_plugins: 'marquee,effects,share', // 背景插件层（叠在皮肤后面全屏铺）
// ========== 插件 ==========
plugins: 'waveform,ktv', // 启用的插件列表，逗号分隔
// ========== 频谱 waveform ==========
// spectrum_id 控制频谱样式（1-18），设为 0 关闭频谱
// 【代理与频谱的关系】
// 频谱开 (spectrum_id > 0)：所有远程音频强制走代理，
// 因为 AudioContext 分析跨域资源需要 CORS 头，
// 走同源代理后频谱才能正常捕获数据。
// 频谱关 (spectrum_id = 0)：远程资源可直连浏览器，
// 纯播放不需要 CORS 头，代理自动降级为仅兜底。
// 如果直连卡顿 / 部分 CDN 屏蔽直连，请始终配置代理，
// 让音频走你的本地服务器中转，速度与稳定性都有保障。
spectrum_id: 0,
// ========== 资源代理（重要！影响播放流畅度） ==========
// 留空=自动使用兜底代理 https://lm.cnlog.cc/proxy.php（第三方，不稳定）
// 卡顿 / 加载慢 / 跨域报错 → 自己部署一份本地代理
// 代理代码与部署教程：https://www.cnlog.cc/post/21.html
proxy: '', // 全局统一代理，通吃所有远程资源（音频/歌词/封面/描述）
// 模板写法 proxy.php?url={src}，留空自动兜底
// src_handler 仅对远程音频/视频生效，优先级高于 proxy
// 注释掉则走上面 proxy 的统一通道
//src_handler: 'src_handler.php?vid={src}',
// lrc_handler 兜底：歌曲没自带 lrc 地址时自动尝试去这里找
//{label} 自动替换为歌曲名，{rd} 是随机防缓存数
//lrc_handler: 'lrc_handler.php?title={label}&rd={rd}',
// ========== KTV 逐字歌词 ==========
ktv: 1, // 开关 1/0
ktv_color: '#ff0000', // 已唱文字高亮颜色（扫光效果从左向右推进）
ktv_default_color: '#fff000', // 未唱文字颜色
// ========== Effects 视觉特效 ==========
effects: 'snow', // 特效名 particles=snow=stars=rain=fireflies=...
effects_density: 1, // 特效密度 0.5-2.0
effects_speed: 1.0, // 特效速度 0.5-2.0
effects_mode: 'source-over', // 混合模式 source-over / screen / lighter
// ========== 跑马灯 marquee ==========
marquee: '1', // 开关 1/0
marquee_speed: 33, // 滚动速度（像素/秒）
marquee_dir: 'left', // 滚动方向 left/right
marquee_color: '#ffffff', // 文字颜色
marquee_height: '32', // 横条高度 px
marquee_size: '14', // 字号 px
marquee_bg: 'rgba(0,0,0,0.55)', // 背景色
marquee_text: "★ 欢迎光临 [a href='https://www.cnlog.cc/' target='_blank' style='color:#ffcc44;text-decoration:none;']CnloG 博客[/a] ★ 本站由 [b][color=#ffcc44]LMP34[/color][/b] 多媒体播放器强力驱动 ★ [b]LMP34[/b] 是一款轻量级、功能强大的网页播放器 ★ 支持 [color=#66ccff]音乐播放[/color] / [color=#66ff66]视频播放[/color] / [color=#ff9966]图片展示[/color] 三大媒体格式 ★ 内置 [b]实时音频频谱可视化[/b] 让音乐跃然屏上 ★ [b]动态歌词逐字同步[/b] 跟随节奏高亮显示 ★ 提供 [b]多套精美皮肤[/b] 一键切换随心换 ★ 支持自定义 [b]背景图片[/b] 与 [b]背景视频[/b] ★ 顶部 [b]跑马灯公告[/b] 实时推送站点动态 ★ 列表 [b]搜索[/b] 与 [b]分组管理[/b] 让曲库井井有条 ★ [b]音量[/b] 与 [b]进度条[/b] 拖拽精确定位 ★ 支持 [b]全屏播放[/b] 沉浸体验 ★ [b]自动播放[/b] 与 [b]记忆续播[/b] 无缝衔接 ★ 博主 QQ：[color=#ffcc44]7419838[/color] 欢迎交流 ★ 更多精彩内容敬请访问 [a href='https://www.cnlog.cc/' target='_blank' style='color:#ffcc44;text-decoration:none;']www.cnlog.cc[/a] ★ 感谢您的支持与陪伴 ★",
// ========== 控制台调试 ==========
console_offset: '0,0' // 调试面板偏移 "x,y"，皮肤支持 PRO 时用
});
</script>
</body>
</html>
URL 参数优先级说明
配置读取优先级（从高到低）：URL 参数 → LMP34.init 内联配置 → config.xml 配置。URL 参数覆盖内联配置，内联配置覆盖 config.xml。
💡 典型调试场景
已配置好内联配置，想临时测试 KTV 扫光效果？直接在 URL 加 ?ktv=1&ktv_offset=-1 即可，刷新页面后生效，无需改任何代码。
快速上手 3 步
|
1
下载核心文件
下载 |
2
复制配置代码
复制上方 |
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> 
暂无评论，快来抢沙发～