本帖最后由 加林森 于 2022-2-23 14:48 编辑 <br /><br />樵歌 发表于 2021-11-25 20:28
觉得吧，还少不了这些个娱乐明星的。
是的是的，这些串得太厉害了啊。
<style tpye="text/css">
#lrcUl { width: 500px; list-style-type: none; column-count: 3; column-gap: 4px; }
#lrcUl li { font-size:14px; color: black;list-style-type: none; }
#myplayer { outline: none; list-style-type: none; }
</style>
<audio id="myplayer"
src="https://www.joy127.com/url/88714.mp3" controls="controls"></audio>
<ul id="lrcUl">
</ul>
<script language="javascript">
var lrcAr=[
["00:00.00","周启生-天长地久"],
["00:05.45"],
["00:22.19","孤单的手 紧抱着你的腰"],
["00:28.30","像昨日正相爱的时候"],
["00:35.69","你说今天以后 不必再见也不必问候"],
["00:42.37","曾经拥有不要泪流"],
["00:49.16","温馨的手终放下我的手"],
["00:55.81","默默合上双眼难忍受"],
["01:02.57","你已轻轻吻别"],
["01:04.96","心中只想这一刻停留"],
,
["01:15.16","如果真心不可接受"],
["01:18.37","或者不方便拥有"],
["01:21.72","为何又等今天最后"],
["01:25.08","趁早一点分手"],
["01:28.38","如果是你真的贪心厌旧"],
["01:31.87","伪装悲哭梦湿透"],
["01:35.21","为何你想讲的情话"],
["01:38.42","藏于落寞眼光背后"],
["01:44.83"],
["01:56.31","依依不舍的看着你的走"],
["02:02.93","木立在这失意的时候"],
["02:08.85","一生今天最后"],
["02:11.86","不讲再见也不肯回头"],
["02:16.49","曾经拥有不要泪流"],
["02:22.23","如果真心不可接受"],
["02:25.48","或者不方便拥有"],
["02:28.99","为何又等今天最后"],
["02:32.18","趁早一点分手"],
["02:35.65","如果是你真的贪心厌旧"],
["02:38.97","伪装悲哭梦湿透"],
["02:42.37","为何你想讲的情话"],
["02:45.49","藏于落寞眼光背后"],
["02:51.65","道尽你苦与忧"],
["02:54.77","落寞眼光背后"],
["02:58.30","道尽你苦与忧"],
["03:01.64","落寞眼光背后"],
["03:05.12","道尽你苦与忧"],
["03:08.46","落寞眼光背后"],
["03:11.96","道尽你苦与忧"]
];
var offset = 0; //偏移量
var myaud = document.getElementById('myplayer'); //播放器标识
var lrcUl = document.getElementById('lrcUl'); //歌词显示元素标识
//处理lrc歌词数组：时间转换成秒、歌词放入li标签
for(j=0; j<lrcAr.length; j++){
lrcAr = toSec(lrcAr);
lrcUl.innerHTML += "<li id='li" + lrcAr + "'>" + lrcAr + "</li>";
}
//lrc时间信息转为秒
function toSec(lrcTime) {
let tmpAr = lrcTime.split(':');
lrcTime = tmpAr * 60 + parseInt(tmpAr);
return lrcTime;
}
//同步高亮歌词
myaud.ontimeupdate = function() {
let tt = this.currentTime + offset;
for(j=0; j<lrcAr.length; j++){
if(tt > lrcAr){
if(j > 0){
let idxLast = lrcAr;
document.getElementById("li" + idxLast).style.color = "black";
}
let idx = lrcAr;
document.getElementById("li" + idx).style.color = "red";
}
}
}
// 播放结束取消最后一行红色、重新播放
myaud.onended = function() {
document.getElementById("li" + lrcAr).style.color = "black";
this.play();
}
</script>
加林森 发表于 2021-11-25 20:03
我从来不收礼物的
挺好
马黑黑 发表于 2021-11-25 22:54
挺好
当然了啊
加林森 发表于 2021-11-25 21:22
是的是的，这些串得太厉害了啊。
嗯，文艺是离不开生活的，太祖说的没错。他们也很会体会生活。
加林森 发表于 2021-11-25 23:29
当然了啊
支持
樵歌 发表于 2021-11-26 07:18
嗯，文艺是离不开生活的，太祖说的没错。他们也很会体会生活。
在生活中寻找艺术
马黑黑 发表于 2021-11-26 07:41
支持
好的
加林森 发表于 2021-11-26 13:02
好的
不客气
马黑黑 发表于 2021-11-26 13:05
不客气
好嘛
加林森 发表于 2021-11-26 13:37
好嘛
{:4_197:}
马黑黑 发表于 2021-11-26 17:48
你又想爪子了？
加林森 发表于 2021-11-26 18:09
你又想爪子了？
想想何罪之有
看着笑话挺好的，让心情好{:4_173:}
马黑黑 发表于 2021-11-26 19:35
想想何罪之有
你自己去想
红影 发表于 2021-11-26 20:50
看着笑话挺好的，让心情好
好玩就行
加林森 发表于 2021-11-27 10:36
你自己去想
想想更健康
马黑黑 发表于 2021-11-27 10:54
想想更健康
就是就是
加林森 发表于 2021-11-27 11:14
就是就是
你也想想
马黑黑 发表于 2021-11-27 11:18
你也想想
大家都想想
加林森 发表于 2021-11-27 12:06
大家都想想
支持