最近想给自己的博客加个音乐播放器,挑来挑去,选APlayer。主要看中它简洁好看,而且功能也够用。今天就来分享下我是怎么一步步折腾成功的。
下载安装
我一开始是在手机上体验的,直接在手机里装个APlayer,打开后,它就自己把手机里下的歌都扒拉出来,不用我自己一个个去添加,这点还挺方便的。要是它没自动导入,可以点左上角的那个“更多”,然后找到“设置”,里边有个“手动扫描”,点一下就能把歌都扫出来。或者点“歌单导入”,自己选歌的位置,也挺简单的。
折腾到博客上
后来我想把APlayer放到自己的博客上,这样访客也能听歌。我就去网上搜搜教程,也不复杂。
我得把APlayer的两个文件:* 和 * 弄到服务器上。我的博客是用WordPress搭的,就把这两个文件上传到 wp-content 目录下。具体是哪个目录,这个不重要,反正就是服务器上随便一个能访问到的地方就行。
小编温馨提醒:本站只提供游戏介绍,下载游戏推荐89游戏,89游戏提供真人恋爱/绅士游戏/3A单机游戏大全,点我立即前往》》》绅士游戏下载专区
然后,我需要在博客里把这两个文件给引进来。具体咋引的我也记不太清,好像是在 * 文件里加点代码,反正就是告诉浏览器,要加载这两个文件。
使用MetingJS
光是这样还不行,我还得用一个叫MetingJS的玩意。这东西是干啥的?简单来说,它能让我们更方便地使用APlayer,不用写一大堆复杂的代码。MetingJS也有个文档,我大致看看,知道怎么用。
然后,我就在我的博客文章里,加点MetingJS的代码。这些代码告诉APlayer,要播放哪些歌,用啥样的列表,等等。具体代码是我这里就不贴,网上都能搜到。每篇文章想添加的地方都可随意添加,很灵活。
资源文件夹
我用的是Hexo博客框架,可以开启文章资源文件夹功能。开启后,我就可以把歌曲文件、歌词文件啥的,都放到和文章对应的文件夹里,这样管理起来比较方便,也不会乱。
把APlayer弄到博客上,也没花多少时间。主要就是下载文件、上传文件、加几行代码,就搞定。现在我的博客也能放歌,感觉还不错!