H5播放器之——APlayer

右下角的播放器就是 · 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>

 

播放器为右下角部分