如何将Aplayer音乐播放器嵌入到个人博客页面中？

本文共计3249个文字，预计阅读时间需要13分钟。

有首歌曲，前奏一响起，就让人心情飞扬。旋律仿佛老胶卷，每个音符、每句歌词，都承载着每个人的回忆和情感。

是否有一首音乐，前奏一响起，让你灵魂不自主的颤栗。音乐就像老胶卷，每个旋律，每句歌词，都承载着每个人的往事回忆和情愫感受。 前言

是否有一首音乐，前奏一响起，让你灵魂不自主的颤栗。音乐就像老胶卷，每个旋律，每句歌词，都承载着每个人的往事回忆和情愫感受。

我收藏了好多的音乐，奈何好多音乐受版权限制，需要购买VIP才能听，还有一些音乐一直是下架状态，办会员也听不了，所以只能自己搞个音乐播放器了。

在博客上的音乐播放器大多是那种Mini音乐播放器，虽然很便捷，但我一直觉得不够正式，音乐列表看起来也不够直观，所以我希望做到单独一个页面上。

本文讲解如何在博客中添加音乐播放器，播放自己的音乐，欢迎大家来我的音乐主页 echeverra，随时随地，想听就听。

Mini播放器效果：

单页面音乐效果：

教程 1.音乐插件

对比了几款音乐插件，我最终选定了Aplayer.js，因其界面美观，功能强大。音乐播放器的音乐信息，歌词，进度条，音量，顺序模式，循环模式都支持。可以使用三方音乐外链，也可以使用自己的音乐链接。

• 官网：aplayer.js.org/
• Github：github.com/MoePlayer/APlayer/

当然，由于一些限制，打开以上链接为概率性事件...

如果RP不足，您可以添加我的微信公众号 echeverra，回复"Aplayer"获取插件。

2.音乐资源

音乐资源可以从各大音乐平台下载，如果受会员或者下架限制，可以通过以下我常用的几个方式查找音乐。