首页 > 其他 > 详细

H5播放器之——APlayer

时间:2021-03-03 19:10:39      阅读:34      评论:0      收藏:0      [点我收藏+]

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

 

播放器为右下角部分

技术分享图片

 

H5播放器之——APlayer

原文:https://www.cnblogs.com/AmayaYi/p/14475752.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!