宋小宝，唐僧，小青姑娘倾力演出，改编搞笑歌曲《找工作》 - 第3页 - 欢乐水吧 - 花潮论坛

加林森 发表于 2021-11-27 16:14

本帖最后由加林森于 2022-2-23 14:45 编辑 <br /><br />马黑黑发表于 2021-11-27 12:14
支持
好的

<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/88699.mp3" controls="controls"></audio>
<ul id="lrcUl">

</ul>

<script language="javascript">

var lrcAr=[
["00:00.000","相会在梦里"],
["00:07.000","演唱林翠萍"],
["00:21.000","曾经说过长相思守"],
["00:26.000","曾经说过永不离分"],
["00:31.000","怎能一去不回叫我心儿碎"],
["00:37.000","用酒买醉泪儿也双吹"],
["00:42.000","只能够每晚在梦中和你相会"],
["00:47.000","只能够在梦中相依畏"],
["00:53.000","啊何时才能回到我身边"],
["01:01.000","相隔千万里"],
["01:04.000","相思在心底"],
["01:06.000","相会在梦里"],
["01:21.000","曾经说过长相思守"],
["01:27.000","曾经说过永不离分"],
["01:32.000","怎能一去不回叫我心儿碎"],
["01:38.000","用酒买醉泪儿也双吹"],
["01:43.000","只能够每晚在梦中和你相会"],
["01:48.000","只能够在梦中相依畏"],
["01:54.000","啊何时才能回到我身边"],
["02:02.000","相隔千万里"],
["02:05.000","相思在心底"],
["02:08.000","相会在梦里"],
["02:33.000","只能够每晚在梦中和你相会"],
["02:39.000","只能够在梦中相依畏"],
["02:44.000","啊何时才能回到我身边"],
["02:53.000","相隔千万里"],
["02:55.000","相思在心底"],
["02:58.000","相会在梦里"]
];
var offset = 0.5; //偏移量
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-27 16:15

加林森发表于 2021-11-27 16:14
好的

干蟹两只

加林森 发表于 2021-11-27 16:49

本帖最后由加林森于 2022-5-3 13:37 编辑 <br /><br />马黑黑发表于 2021-11-27 16:15
干蟹两只
抓走

<style>
.mBox {
   --w: 120px;
   margin: auto;
   margin-top: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   width: var(--w);
   height: var(--w);
   cursor: pointer;
   position: relative;
   animation: rot 2s linear infinite;
}
.zBox {
   position: absolute;
   display: block;
   border-style: solid;
   border-width: 1px;
   border-color: transparent #FFD700 transparent transparent;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -200px; width:1024px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=416 background=https://pic.imgdb.cn/item/6270bca2239250f7c54f3b67.jpg>
            <div style="position:absolute; LEFT: 600px; TOP: 250px;">
            <div class="mBox"></div>
   </div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<script>
let flag = true;
let ele = document.querySelector(".mBox");
let len = ele.clientWidth;
let zStr = "";
let all = 100;
let angle = Math.floor(360 / all);

for(j=0; j< all; j++){
   let wh = Math.floor(len- j * (len / all));
   zStr += `<span class="zBox" style="transform: rotate(${j*angle}deg);width: ${wh}px; height: ${wh}px"></span>\n`;
}
ele.innerHTML += zStr;

let au = document.createElement("audio");
au.src= "https://music.163.com/song/media/outer/url?id=1844441197.mp3";
au.loop = true;
au.autoplay = flag;
au.style.display = "none";
ele.appendChild(au);

if(!flag) ele.style.animationPlayState = "paused";

ele.onclick = function(){
   flag ? (au.pause(),this.style.animationPlayState = "paused",flag = false) : (au.play(),this.style.animationPlayState = "running",flag = true);
}
</script>

马黑黑 发表于 2021-11-27 17:04

加林森发表于 2021-11-27 16:49
抓走

送将军府

加林森 发表于 2021-11-27 17:29

马黑黑发表于 2021-11-27 17:04
送将军府

你去吃

马黑黑 发表于 2021-11-27 17:55

加林森发表于 2021-11-27 17:29
你去吃

还没有请帖

加林森 发表于 2021-11-27 18:16

马黑黑发表于 2021-11-27 17:55
还没有请帖

你就等吧

马黑黑 发表于 2021-11-27 20:51

加林森发表于 2021-11-27 18:16
你就等吧

等个三五百年没事

加林森 发表于 2021-11-27 21:26

马黑黑发表于 2021-11-27 20:51
等个三五百年没事

好的好的，你当神仙去吧。

马黑黑 发表于 2021-11-27 22:08

加林森发表于 2021-11-27 21:26
好的好的，你当神仙去吧。

没问题

加林森 发表于 2021-11-27 22:21

马黑黑发表于 2021-11-27 22:08
没问题

必须的

马黑黑 发表于 2021-11-27 22:22

加林森发表于 2021-11-27 22:21
必须的

那是

加林森 发表于 2021-11-27 23:59

马黑黑发表于 2021-11-27 22:22
那是

好的

樵歌发表于 2021-11-28 06:56

加林森发表于 2021-11-26 13:02
在生活中寻找艺术

嗯，真正的艺术节是植根于人民群众中。像李白清，就最爱大伙儿欢迎，而且是从低级趣味中说事但又脱离了低级趣味基本上是正能量。

马黑黑 发表于 2021-11-28 07:38

加林森发表于 2021-11-27 23:59
好的

周末快乐

加林森 发表于 2021-11-28 10:56

马黑黑发表于 2021-11-28 07:38
周末快乐

周六愉快

加林森 发表于 2021-11-28 11:02

樵歌发表于 2021-11-28 06:56
嗯，真正的艺术节是植根于人民群众中。像李白清，就最爱大伙儿欢迎，而且是从低级趣味中说事但又脱离了低 ...

是的，李白清说的都是大实话，所以才受大家的欢迎。

马黑黑 发表于 2021-11-28 11:15

加林森发表于 2021-11-28 10:56
周六愉快

今天是星期天吧

加林森 发表于 2021-11-28 12:10

马黑黑发表于 2021-11-28 11:15
今天是星期天吧

我都忘记了时间{:5_113:}

马黑黑 发表于 2021-11-28 12:43

加林森发表于 2021-11-28 12:10
我都忘记了时间

蟹吃多了，或是太忙与伐木了{:4_170:}

页: 1 2 [3] 4

花潮论坛's Archiver