LMP34 单文件播放器
零后端依赖 · 内联配置 · 即插即用 · 全插件生态
1 文件即可 |
0 后端依赖 |
16 视觉特效 |
∞ 皮肤/插件 |
核心理念
传统播放器依赖 config.xml/ini 等外置配置文件,LMP34 单文件模式彻底抛弃这个模式 —— 所有配置直接写在 LMP34.init({...}) 里,和页面结构、CSS、业务逻辑**完全内联**。
|
📦 单文件分发
只要一个 index.html(或 index.php),无需额外配置文件。适合博客、CMS、单页应用直接挂载。 ![]() |
🔗 URL 参数即时覆盖
所有配置支持 URL 参数(如 |
|
🎨 全插件生态
皮肤、特效、KTV 扫光、跑马灯、频谱、分享 —— 6 大核心插件,全部配置化,按需加载、按需关闭。 |
🪶 插件自动补全
plugins 配置无需写 |
配置参数全解
按功能分组,完整覆盖所有可配置参数。参数名(红色)、默认值(蓝色)、说明三栏清晰对照。
LMP34.init 完整示例
以下为生产环境常用配置片段,一键复制即可使用。按功能分组,注释清晰。
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> 

暂无评论,快来抢沙发~