|
|
播放器代码 可自定义 可列表 可单曲 可配置所有 后面我会 发手册 先发看效果 如果喜欢的朋友可留言 我做更多皮肤
- <!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: '',//跳过默认配置初始化
- container: 'lmp34-player', // 容器 ID// 跳过 config.xml
- lists: 'https://lmp34.cnlog.cc/list/kg.php?p=24971', // 播放列表
- skins: 'skins/default,skins/cmp4-default,skins/qqplayer,skins/tudou,skins/cd-player,skins/kuwohd',
- skin_id: 6, // 默认皮肤序号
- auto_play: 1, // 自动播放
- name: 'LMP34 Player 音乐视频播放器', // 名称
- link: 'https://www.cnlog.cc'// 你的主页
-
- });
- </script>
- </body>
- </html>
复制代码 下面是第七个皮肤 上面代码没有配置关闭KTV歌词 方法 KTV=0关闭 ktv=1开启 上面代码中加一行 ktv:'0', (最后一个不要带 , ) 频谱默认 切换到 上面一层(视频框显示 bg_plugins=空表示不在背面显示 spectrum_id=7 第7个频谱为默认 )bg_plugins=&spectrum_id=7
下面是单皮肤配置方法 - <!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:'',//跳过默认配置初始化
- container: 'lmp34-player', // 容器 ID// 跳过 config.xml
- lists: 'https://lmp34.cnlog.cc/list/kg.php?p=24971', // 播放列表
- skins: 'skins/lmp34-yunying', //配置皮肤
- bg_image:'',//这个背景 支持 图片/html/php 记住如果配置了下面的视频背景 优先显示视频背景
- bg_video:'https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/2c629b879512a161194eda6503ce126c_preview.mp4', //视频背景 配置了这个 上面的图片背景会被遮挡
- plugins:'https://lmp34.cnlog.cc/plugins/waveform', //配置频谱
- // bg_plugins: 'waveform', //频谱在背景播放 留空频谱在视频区域显示根据不同皮肤
- spectrum_id: 7, //默认第7个频谱 一共18个样式 点击左下角区域可切换
- auto_play: 1, // 自动播放
- name: 'LMP34 Player 音乐视频播放器', // 名称
- link: 'https://www.cnlog.cc'// 你的主页
-
- });
- </script>
- </body>
- </html>
复制代码
下面是单曲配置方法
- <!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:'',//跳过默认配置初始化、删除这个默认满配置插件跑马灯等等
- container: 'lmp34-player', // 容器 ID// 跳过 config.xml
- type: 'mp3', // 单曲类型:music / video / image
- label: '纳兰-江南梦', // 曲名
- src: 'https://bbs.cnzv.cc/mp3/cGdqdWUxYiZrdWdvdQ==.mp3', // 音频地址
- lrc: 'https://bbs.cnzv.cc/lrc/MmQ0MjUxNGM5MmQ4Njc1NTVlMzYxYjdlZDJjMjBiMWQma2dtcDM=.lrc', // 歌词(可选)
- image: 'https://imge.kugou.com/stdmusic/400/20150719/20150719055723591463.jpg', // 封面(可选)
- skins: 'skins/cd-player', //配置皮肤
- bg_image:'https://img-baofun.zhhainiao.com/pcwallpaper_ugc/static/71ffec53bb67ec510bac752ce1c5ea25.jpg',//这个背景 支持 图片/html/php 记住如果配置了下面的视频背景 优先显示视频背景
- bg_video:'', //视频背景 配置了这个 上面的图片背景会被遮挡
- plugins:'https://lmp34.cnlog.cc/plugins/waveform', //配置频谱
- bg_plugins: 'waveform', //频谱在背景播放 留空频谱在视频区域显示根据不同皮肤
- spectrum_id: 4, //默认第4个频谱 一共18个样式 点击左下角区域可切换
- auto_play: 1, // 自动播放
- name: 'LMP34 Player 音乐视频播放器', // 名称
- link: 'https://www.cnlog.cc'// 你的主页
-
- });
- </script>
- </body>
- </html>
复制代码 需要更多功能 看配置手册的 全局配置 https://www.cnlog.cc/v/docs/index.html
|
|