尝试在文章内加上音乐播放器...

涅槃—英雄联盟2019全球总决赛主题曲

使用了插件APlayer-Typecho-Plugin,插件下载地址:APlayer ,下载后可以更改名字为APlayer,上传到网站插件目录下即可

代码格式

单曲播放

[player url="http://xxx.com/xxx.mp3" artist="Someone" title="Title" showlrc="false"/]
[player url="http://xxx.com/xxx.mp3" artist="Someone" title="Title"][lrc][00:00.00]Test lyrics[/lrc][/player]
网易云音乐:
[player id="29947420"/]

多曲播放

[player theme="#e6d0b2" autoplay='1']]
[[mp3 url="http://xxx.com/xxx.mp3" artist="Someone" title="Title"/]]
[[mp3 url="http://xxx.com/xxx.mp3" artist="Someone" title="Title"][lrc][00:00.00]Test lyrics[/lrc][/mp3]]
[[mp3 id="29947420"/]] //网易云音乐歌曲id直接解析
[[/player]

网易云代码示例

[player id='346069,346080,29947420'/] //一次加入三首歌
[player id='11362719' type='collect'/] //歌单
[player id='3684' type='artist'/] //艺人热门五十首
[player id='3084335' type='album'/] //专辑

歌曲的属性(可在[mp3]或中使用,不能用于修改整个歌单的属性)

url: mp3文件的链接,必需;
lrc: 歌词的lrc链接,非必需 ;
lrcoffset: 歌词整体提前时间(ms)若这个值为负数则为歌词整体延后的时间;
title: 歌曲的标题,若值为空则显示 Unknown;
artist: 歌曲的艺术家,若值为空则显示 Unknown;
cover: 封面图片链接,非必需,若该值为图片链接则按照链接加载封面图,若没有此属性则会按照title和artist自动从豆瓣api中查找封面图,若值为 false 则不自动查找封面,显示默认封面图片

网易云音乐(与歌曲属性用法一样)

id: 歌曲/歌单/专辑/艺人的id ,如果是歌曲的话可用 , 分隔歌曲id一次插入多首歌曲
type: 用以判断id的类型,分为4种:song:歌曲,album:专辑,artist:艺人,collect:歌单

如何阻止代码块解析成歌曲:在代码块外部加上一层 [ 代码] 即可

感谢作者的分享,原文连接:https://github.com/MoePlayer/APlayer
本文记录Typecho音乐播放插件,文章内容来源于互联网,转载注明来处

文章目录