音乐插件 – APlayer音乐播放插件

王晓天 – 《荣耀》

[aplayer apid=”352″][/aplayer]


于2017/1/6更新

lwl – Hermit X

lwl的Hermit X音乐插件,建议你们去看看(我也在用)

写在前面

WordPress的音乐播放插件有很多,例如WP-Player等。WP-Player的界面我也是比较喜欢的,但是因为上传的歌不能使用歌词,我也不喜欢用外链的歌,因为虾米,网易云音乐什么的都没用https,如果我这里调用肯定是会导致小黄锁的。hhh,然后找到一款轻量级的音乐播放插件 – APlayer。

APlayer与WP-Player有互补的地方,前者能自定义歌词,但无法直接调用云歌曲,后者则能调用云歌曲(虾米和网易云)但无法自订歌词(还有就是我用的时候无法加载歌曲图片)。

安装APlayer后,会在后台的侧栏里多处一个音乐菜单

使用教程

QQ截图20160729180709

进入后按 添加音乐

QQ截图20160729180738

会出现下面的界面 依照下面的内容填写就好了

你可以在 WordPress的多媒体里添加音乐和封面后复制地址过来就好了

QQ截图20160729180800

然后按右侧的 更新 就好了,就想发博文一样。

歌词格式:

[00:00.00]平凡之路 - 朴树
[00:04.01]作词:韩寒 朴树
[00:08.02]作曲:朴树 编曲:朴树
[00:12.02]徘徊着的 在路上的
[00:17.37]你要走吗
[00:23.20]易碎的 骄傲着
[00:28.75]那也曾是我的模样
[00:34.55]沸腾着的 不安着的
[00:40.26]你要去哪
[00:46.00]谜一样的 沉默着的
[00:51.75]故事你真的在听吗
[00:56.25]我曾经跨过山和大海
[00:59.55]也穿过人山人海
[01:02.70]我曾经拥有着一切
[01:05.00]转眼都飘散如烟
[01:07.75]我曾经失落失望失掉所有方向
[01:13.46]直到看见平凡才是唯一的答案
[01:31.70]当你仍然
[01:33.10]还在幻想
[01:37.40]你的明天
[01:43.00]她会好吗 还是更烂
[01:49.78]对我而言是另一天
[01:53.33]我曾经毁了我的一切
[01:56.54]只想永远地离开
[01:59.82]我曾经堕入无边黑暗
[02:02.14]想挣扎无法自拔
[02:04.79]我曾经像你像他像那野草野花
[02:10.54]绝望着 渴望着
[02:13.54]也哭也笑平凡着
[03:03.38]向前走 就这么走
[03:06.23]就算你被给过什么
[03:09.08]向前走 就这么走
[03:11.83]就算你被夺走什么
[03:14.78]向前走 就这么走
[03:17.58]就算你会错过什么
[03:20.33]向前走 就这么走
[03:23.13]就算你会
[03:25.78]我曾经跨过山和大海
[03:28.14]也穿过人山人海
[03:30.44]我曾经拥有着一切
[03:33.69]转眼都飘散如烟
[03:36.24]我曾经失落失望失掉所有方向
[03:42.04]直到看见平凡才是唯一的答案
[03:47.69]我曾经毁了我的一切
[03:50.84]只想永远地离开
[03:53.39]我曾经堕入无边黑暗
[03:56.29]想挣扎无法自拔
[03:59.04]我曾经像你像他像那野草野花
[04:04.79]绝望着 渴望着 也哭也笑平凡着
[04:10.64]我曾经跨过山和大海
[04:13.54]也穿过人山人海
[04:16.14]我曾经问遍整个世界
[04:19.49]从来没得到答案
[04:22.88]我不过像你像他像那野草野花
[04:27.64]冥冥中这是我 唯一要走的路啊
[04:34.65]时间无言
[04:36.15]如此这般
[04:40.30]明天已在眼前
[04:46.45]风吹过的 路依然远
[04:51.55]你的故事讲到了哪

(歌词来自 朴树-《平凡之路》)

自订CSS代码示例

<style>
.article-content .aplayer{line-height:normal}
.aplayer .aplayer-pic .aplayer-play .aplayer-icon-play{top:0px;left:3px}
</style>

补上插件下载地址

Aplayer插件

8 条评论

昵称

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

  1. liwanglin12

    哦,你没在用我的
    那就更气了!还不快换

    1. 樱花之恋


      好气哦
      https://blog.y2nk4.com/read/use-snow-js-to-make-snow.html
      这个就是HermitX啊
      (ノ`⊿´)ノ

  2. liwanglin12

    哦,你没在用我的那就更气了!还不快换

    1. 樱花之恋

      噗好气哦https://blog.y2nk4.com/read/use-snow-js-to-make-snow.html这个就是HermitX啊(ノ`⊿´)ノ

  3. liwanglin12

    你这是在坑我啊,确定下的新版?这加载有问题

    1. 樱花之恋

      dalao不是这个啊

      1. 樱花之恋

        噗好气哦https://blog.y2nk4.com/read/use-snow-js-to-make-snow.html这个就是HermitX啊(ノ`⊿´)ノ