音乐悬浮播放器代码带教程的,又要给自己的添加音乐播放器的,可以用这个代码试试。
head里放入css代码
<link rel="stylesheet" href="APlayer/APlayer.min.css">
底部body前面放入js代码
</script>
<!--音乐播放器-->
<div id="aplayer"></div>
<script src="APlayer/APlayer.min.js"></script>
<script>
const ap = new APlayer({
container: document.getElementById('aplayer'),
fixed: true,
autoplay: false,
volume: 0.4,
lrcType: 3,
mutex: true,
order: 'random',
preload: 'auto',
listFolded: true,
theme: '#FFB6C1',
audio: [{
name: '曲肖冰 晴天 (温柔女聲版)',
artist: 'Dj Douyin Remix',
url: 'https://music.163.com/song/media/outer/url?id=1816111650',
cover: 'http://p1.music.126.net/h65LoWgxvbfrqmRsoe4F-g==/109951165676283144.jpg?param=130y130',
lrc: 'lrc.lrc',
theme: '#eeeeee'
},
{
name: '潮鳴り',
artist: '折戸伸治',
url: 'https://music.163.com/song/media/outer/url?id=531667357',
cover: 'https://p2.music.126.net/wu8aO1zWA32Wk82Ifho-bQ==/109951163112244210.jpg?param=130y130',
lrc: 'https://cdn.back2me.cn/lrc/%E6%80%AA%E7%89%A9.lrc',
theme: '#eeeeee'
}]
});
</script>
公告: 本站提供的源码、模板、插件等等其他资源,不包含技术服务请大家谅解。赞助本站用户可帮助安装服务。
说明: 本站源码压缩包如果有密码,统一解压密码:www.rclou.cn
须知: 分享目的仅供个人学习和参考,请勿用于商业用途,否则后果自负。若有侵权,请联系我们删除文章。请致信邮箱:rcloucn@163.com
声明: 本站部分文章和资源,均来源于网络收集分享,其版权归属于该程序代码的合法者拥有。如若本站内容侵犯了原著者的合法权益,可联系我们即时处理。
说明: 本站源码压缩包如果有密码,统一解压密码:www.rclou.cn
须知: 分享目的仅供个人学习和参考,请勿用于商业用途,否则后果自负。若有侵权,请联系我们删除文章。请致信邮箱:rcloucn@163.com
声明: 本站部分文章和资源,均来源于网络收集分享,其版权归属于该程序代码的合法者拥有。如若本站内容侵犯了原著者的合法权益,可联系我们即时处理。