惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

WordPress大学
WordPress大学
GbyAI
GbyAI
P
Proofpoint News Feed
B
Blog
MyScale Blog
MyScale Blog
V
V2EX
B
Blog RSS Feed
Microsoft Security Blog
Microsoft Security Blog
量子位
Jina AI
Jina AI
博客园 - 叶小钗
Recent Announcements
Recent Announcements
有赞技术团队
有赞技术团队
罗磊的独立博客
L
LangChain Blog
I
InfoQ
云风的 BLOG
云风的 BLOG
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
人人都是产品经理
人人都是产品经理
小众软件
小众软件
V
Visual Studio Blog
月光博客
月光博客
The Cloudflare Blog
雷峰网
雷峰网

蛇年大吉

通过json生成talk-card | 蛇年大吉 通过json生成site-card | 蛇年大吉 通过json生成图片集 | 蛇年大吉 如何更新主题 | 蛇年大吉 netlify部署博客 | 蛇年大吉 增加获取图片标签 | 蛇年大吉 关于我页面写法 | 蛇年大吉 markdown样式优化 | 蛇年大吉 新增酷炫按钮和预加载动画 | 蛇年大吉 首页github日历 | 蛇年大吉 轮播-swiper | 蛇年大吉 主题config配置项简介 | 蛇年大吉 首页添加弹幕 | 蛇年大吉 制作简历(关于我)和404页面 | 蛇年大吉 自定义live2d | 蛇年大吉 自定义css之导航和页脚高斯模糊 | 蛇年大吉 自定义css之头部图片透明 | 蛇年大吉 给bamboo添加动态背景 | 蛇年大吉 给bamboo添加右上角梅花 | 蛇年大吉
音乐播放器失效问题 | 蛇年大吉
作者: YuAng · 2023-02-04 · via 蛇年大吉

主题自带的播放器

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

导入外部播放器

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

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

1
2
3
4

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音乐歌单。

其他

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