致谢admin老师的lmp34-player
本帖最后由 亚伦影音工作室 于 2026-10-26 09:24 编辑 <br /><br /><!-- 播放器容器 --><div style=" margin: 10px 0 30px calc(50% - 680px);
width: 1286px;
height: 720px;
background:#800000;
box-shadow: 3px 3px 20px #000;
user-select: none;
overflow: hidden;
position: relative;
z-index: 42111; --state: running">
<div id="lmp34-player" style="width:100%;height:100%;"></div>
</div>
<!-- 引入必须脚本 -->
<script >
document.write('<script src="https://lmp34.cnlog.cc/lmp34-embed.js" type="text/javascript" charset="utf-8"><\/script>');
</script>
<!-- 初始化播放器 -->
<script>
LMP34.init({
url:'',//跳过默认配置初始化、删除这个默认满配置插件跑马灯等等
container: 'lmp34-player', // 容器 ID// 跳过 config.xml
type: 'mp3', // 单曲类型:music / video / image
label: 'lmp34-player播放器测试', // 曲名
src: 'https://www.joy127.com/url/159528.mp3', // 音频地址
lrc: 'https://www.panurl.cn/down.php/09bd5b2c66c3d4ac882fb567276f91d8.txt', // 歌词(可选)
image: 'https://imge.kugou.com/stdmusic/400/20150719/20150719055723591463.jpg', // 封面(可选)
skins: 'skins/lmp34-yunying', //配置皮肤
bg_image:'https://img-baofun.zhhainiao.com/pcwallpaper_ugc/static/71ffec53bb67ec510bac752ce1c5ea25.jpg',//这个背景 支持 图片/html/php 记住如果配置了下面的视频背景 优先显示视频背景
bg_video:'https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/e40ee9adcc1687a129a4ad543f830dbc_preview.mp4', //视频背景配置了这个 上面的图片背景会被遮挡
plugins:'plugins/ktv', //配置频谱
ktv: 1,
ktv_color: '#0000',
ktv_default_color: '#000078',
ktv_size : '',
bg_plugins: 'waveform',//频谱在背景播放留空频谱在视频区域显示根据不同皮肤
spectrum_id: 10,//默认第4个频谱 一共18个样式 点击左下角区域可切换
wf_line: 1, wf_glow: 100,
play_mode: 1,
auto_play: 1, // 自动播放
name: '音乐视频播放器', // 名称
link: ''// 你的主页
});
</script>
本帖最后由 亚伦影音工作室 于 2026-10-14 10:40 编辑
将代码直接用在论坛里,放上MP3,歌词 ,图片或视频简单调试就能直接用了!
也可以这样使用:点击这里
有益探索,效果漂亮,谢谢admin老师,谢谢亚伦老师 这个播放器同步歌词有些模糊,像是隐藏了!
页:
[1]