音乐播放器失效问题
发表于:2023-02-04 | 分类: 前端
字数统计: 414 | 阅读时长: 1分钟 | 阅读量:

主题自带的播放器


前些天主题自带的音乐播放器(左下角)失效了,这是因为播放器依赖的是meting.js,而meting.js的api挂了,但也说不定过几天就好了,如果一直不好的话可以自己搭建,具体请看他的github:

导入外部播放器


当然,自带的音乐播放器并不是唯一,也可以自定义音乐播放器,例如下面的播放器

我用的是他的免注册demo版本。具体操作步骤如下:
在主题配置文件_config.yml里,找到import配置项,导入js即可

1
2
3
4
# 自己嵌入css或者script
import:
script:
- <script defer src="https://player.lzti.com/api/player/demo" id="myhk" key="demo" skin="player" lr="l" m="1"></script>

注意, script标签一定要带上 defer属性, 因为这个播放器依赖jquery,如果不加defer的话,则会在jquery.js加载之前加载,就会报错。

然后刷新页面就能看到效果了,当然你也可以不用demo版本,直接登录注册,然后使用自己的网易云或者qq音乐歌单。

其他


其实我一开始发现的是一个叫做明月浩空的播放器,跟懒耗子一样,也不知道谁是真的,我不管,能用就行,但是明月浩空播放器,播放音乐的时候,歌词出现严重错位,所以我就用了懒耗子,这里附上明月浩空播放器网址:

上一篇:
markdown样式优化
下一篇:
新增酷炫按钮和预加载动画