Hexo主题增加音乐之APlayer音乐播放功能

最新推荐文章于 2024-08-13 08:06:13 发布

原创

最新推荐文章于 2024-08-13 08:06:13 发布 · 3k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#hexo #javascript #html

关于

在hexo博客上加入音乐，Aplayer插件

演示地址

先上效果图

在这里插入图片描述

准备
APlayer，下载github压缩包，解压后把dist文件夹复制到\themes\你的主题\source目录中。
在dist目录里，新建music.js文件，并把如下代码粘贴进去。

var aplayers = [],
	loadMeting = function() {
   
   
		function a(a, b) {
   
   
			var c = {
   
   
				container: a,
				audio: b,
				mini: null,
				fixed: null,
				autoplay: !1, //控制自动播放
				mutex: !0,
				lrcType: 3,
				listFolded: !1,
				preload: 'auto',
				theme: '#2980b9',
				loop: 'all',
				order: 'list', 
				volume: null,
				listMaxHeight: null,
				customAudioType: null,
				storageName: 'metingjs'
			};
			if (b.length) {
   
   
				b[0].lrc || (c.lrcType = 0);
				var d = {
   
   };
				for (var e in c) {
   
   
					var f = e.toLowerCase</