右下角的播放器就是 · H5播放器之——APlayer

地址：https://aplayer.js.org

文档地址：https://aplayer.js.org/#/zh-Hans

GitHub地址：https://github.com/MoePlayer/APlayer

 

前往示例Demo（ps：已不存在）

 1 　　 <link rel="stylesheet" href="http://img.amayaliu.cn/APlayer/css/APlayer.min.css">
 2     <div id="aplayer"></div>
 3     <script src="http://img.amayaliu.cn/APlayer/js/APlayer.min.js"></script>
 4     <script>
 5         const ap = new APlayer({
 6             container: document.getElementById('aplayer'),
 7             audio: [{
 8                 name: '水之魂',
 9                 artist: '倩女幽魂登录曲',
10                 url: 'https://amayaliu.cn/Music/The%20soul%20of%20water.mp3',
11                 cover: 'https://amayaliu.cn/APlayer/images/AmayaQnyh.jpg',
12                 lrc: 'https://amayaliu.cn/APlayer/lrc/水之魂.lrc'
13             }]
14         });
15     </script>

 

播放器为右下角部分