html网页音乐播放器

其实一直想在网站上加一个音乐播放器的，但是当时搜索的是谷歌浏览器无法自动播放，所以就没准备加。并且其实当时也自己写了一个播放器，网页音乐播放器 音乐播放器 html++css+js 但是由于懒得写 CSS 代码，所以比较丑，然后就没有往网站上加。但是呢，有一个是我一直不明白的地方，就是当时浏览了一个网页，发现他的音乐可以直接播放，所以今天就来研究一下。

其实也就是右键检查，来进行代码的查看，然后 Ctrl+U 查看一下源代码，搜索到刚才看的位置，然后看他的这些代码有啥玄机。然后我就发现了一个库。

GitHub：https://github.com/DIYgod/APlayer 非常 nice 的一个库。

APlayer 是一个功能强大的 HTML5 音乐播放器，Metingjs 基于 APlayer 插件封装好的插件，开箱即用。

然后我们直接贴代码就好了，毕竟是人家封装好的库了，所以可以直接使用。

支持的浏览器：

• Chrome
• Firefox
• Safari
• Internet Explorer 11
• Microsoft Edge

在博客中，你提供了该库的详细选项和默认值，使读者可以轻松了解如何自定义音乐播放器。

具体的代码可以去看 GitHub 库，里面有详细的解释。简单贴一下我们的这个底部小图标的代码吧。

<meting-js server="netease" type="playlist" id="60198" fixed="true" autoplay="true" loop="all" order="random" preload="auto" list-folded="ture" list-max-height="500px" lrc-type="1"></meting-js>

非常的方便，HTML 网页音乐播放器，开箱即用。