JS所有的歌曲,求百度网盘下载资源

JS所有的歌曲,求百度网盘下载资源,第1张

JS歌曲大渣咐全在线听免费,百度网盘下载资源:

链接:https://pan.baidu.com/s/1qr5QNHAGjB5AABpU2glV1A

?pwd=21da 提取码:21da

JS热门歌曲察梁升曲目败老: 《下雨天》、《逆风飞行》、《你是此生最美的风景》、《听见》、《我的生日》等。

看一个备枣拆大佬写的一个音乐播放器觉得好厉害,就想着来研究岩皮一下,碍于能力有限,琢磨了一天写了一个简单的歌词同步。

话不多说,上栗子:

效果就是这样,因为没写样式直接用的H5的audio标签和控件,所以很简陋,而且不同浏览器还有不一样的样式。。。不要在意这些细节,我们的重点是让歌词同步显示出来。

上HTML码:

很简单就一个audio和一个显示歌词的div。

(不要问我为什么js写在外面,我怕你一页看不完T_T)

下面上js文件:

完结~

总结一下:很简仿枣单基本什么都没有,歌曲文件在本地,需要手动push每一行歌词进去,这个有点恶心,毕竟还不会从服务器加载歌词,只能用这个最笨蛋的法子。

虽然贴到这感觉工作量不大,但我这菜狗子还是调了大半天才让歌词同步显示出来 。。。唉

Ps:如果的你lrc不是这个样子:“[00:23.076]听说白雪公主在逃跑”

而是这个样子:

“[00:23.076]听[00:23.336]说[00:23.592]白[00:23.826]雪[00:24.061]公[00:24.321]主[00:24.586]在[00:24.921]逃[00:25.175]跑[00:25.745]”

还是别寻他法吧。 哈哈

如果你是个小白,这个方法可以看看,如果你是大神,,,(哪位大神临幸我了,求抱大腿)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12207857.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存