H5播放器之——APlayer

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

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

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

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

 

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

　　 <link rel="stylesheet" href="http://img.amayaliu.cn/APlayer/css/APlayer.min.css">
    <div id="aplayer"></div>
    <script src="http://img.amayaliu.cn/APlayer/js/APlayer.min.js"></script>
    <script>
        const ap = new APlayer({
            container: document.getElementById('aplayer'),
            audio: [{
                name: '水之魂',
                artist: '倩女幽魂登錄曲',
                url: 'https://amayaliu.cn/Music/The%20soul%20of%20water.mp3',
                cover: 'https://amayaliu.cn/APlayer/images/AmayaQnyh.jpg',
                lrc: 'https://amayaliu.cn/APlayer/lrc/水之魂.lrc'
            }]
        });
    </script>

 

播放器為右下角部分