博客公告里的音乐播放器~

项目地址

效果截图

http://img.winkxrq.tk/img/24?imageView2/2/w/1280/format/jpg/interlace/1/q/100

体验

  • 用自己的网易云歌单的时候,真的会抽风(不清楚),所以用的原代码歌单尝试,体验还算OK
  • 只设置了网易云,其它没有体验,只是看了下,我就是个直接嫖轮子的人。

开始

<!-- require APlayer -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css">
<script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script>
<!-- require MetingJS -->
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

<meting-js
	server="netease"
	type="playlist"
	id="60198">
</meting-js>
<meting-js
	auto="https://y.qq.com/n/yqq/song/001RGrEX3ija5X.html">
</meting-js>

https://y.qq.com/n/yqq/song/001RGrEX3ija5X.html

<meting-js
	name="rainymood"
	artist="rainymood"
	url="https://rainymood.com/audio1110/0.m4a"
	cover="https://rainymood.com/i/badge.jpg">
</meting-js>

for self-hosted media

<meting-js
	name="rainymood"
	artist="rainymood"
	url="https://rainymood.com/audio1110/0.m4a"
	cover="https://rainymood.com/i/badge.jpg"
	fixed="true">
	<pre hidden>
		[00:00.00]This
		[00:04.01]is
		[00:08.02]lyric
	</pre>
</meting-js>

Fixed mode with Lyric text


标题:博客公告里的音乐播放器~
作者:xxr
地址:HTTP://wink.winkxrq.tk/articles/2021/07/18/1626613027495.html
喜欢就可以打赏一下噢,请我喝瓶水嘛~
    评论
    0 评论
avatar

取消