使用vue中的aplayer插件制作网页音乐播放器

#app{width:100%;高度：100%；填充：50px；#aplayer{宽度：480px；//设置一个宽度}}我们在浏览网页的时候，经常会看到一些网页音乐播放器。本文以vue为例，使用aplayer插件制作一个简单的网页播放器。我们先来看看效果图。普通模式，吸力模式，当然还有迷你模式，也就是说能藏的都藏了。这里就不细说了，做相应的配置后就会出现相应的效果。注意吸吮模式会有上一首和下一首歌曲按钮和歌词按钮。普通模式没有这个。但我个人更喜欢普通模式。第一步从npm下载aplayer插件：cnpminstallaplayer--save第二步下载hls.js：cnpmihls.js--save第三步引入插件需要使用的页面，同样导入插件的样式**代码直接复制粘贴如下，看效果：#app{width:100%;高度：100%；填充：50px；#aplayer{宽度：480px；//设置一个宽度}}这个例子只是举例说明了常用的配置项。完整的配置项，还是需要阅读官网文档。没关系，就是一个和这个aplayer插件功能类似的音频播放器插件，不过个人觉得aplayer插件比较好用vue-aplayer官方文档地址https://github.com/SevenOutma...