测试视频图片歌词同步

张红发表于 2023-7-25 15:32

<div style="width:1000px;height:600px; left: 0px;top:33px; !imprtant;margin:16px auto;position:relative;
overflow:hidden;border:12px brown solid;border-radius:0px;">
<video id="sp" src=''"loop="loop" autoplay="autoplay" muted="muted" width:100%;height:100% ;position:absolute></video>
<style type="text/css">
#mLiDiv {position: absolute; margin-top: -380px;margin-left: 730px; color:#fff; width:280px;height:200px; font-size:18px; }
#mLiDiv a { text-decoration: none; cursor:pointer; }
#mLiDiv a:hover { color:blue; }
#musickrc{width:800px;line-height:30px;margin:-200px auto;padding:0px;position: absolute;margin-left:30px;}
#musickrc span {display:block;text-align:center;color:#000078;font-size: 25px;font-weight:bold; font-family:楷体;;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px0);transform: translate(0%，0%); }
.wzsd1 { animation: wzsd 0.56s linear infinite ; }
@keyframes wzsd {
from {opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(200%);}
50% {opacity: 1;}
to {opacity: 1;filter:hue-rotate(0deg)contrast(140%)brightness(100%);}}
</style>
<div id="mLiDiv"></div>
<div id="musickrc">
<span id="musickrc01"class="wzsd1" style="text-align:left;color:#ff0000;transform: translate(0%,0%);font-size: 25px; font-family:迷你简中倩;"></span><span id="musickrc02"style="text-align:right;"></span>
</div>
<div id="pic" style="position: absolute;background:url()0 0/100%100%;left: 695px; top:20px;width: 282px; height: 282px;
box-shadow: 0px 0px 0px 0px #cccccc, 0px 0px 0px 5px #880000; background-repeat:no-repeat;cursor:pointer; "></div>
</div>
<script >
var lrc= []
lrc=[['0.00','男朋友 - 林淑容'],
['5.75','词：林煌坤'],
['11.51','曲：林逸菁'],
['17.26','我最讨厌油腔滑调虚伪的男孩'],
['20.50','说什么什么爱你在心口儿难开'],
['25.05','我最喜欢脚踏实地真诚的男孩'],
['28.60','他知道知道怎么用心来把我爱'],
['32.95','我要奉劝那情窦初开的女孩'],
['37.19','如果你要找男朋友不要只看他'],
['40.79','外表帅不帅'],
['42.91','你要留意他是不是很坦白很实在'],
['51.47','如果他是注重外表虚伪的男孩'],
['54.70','你不要不要对他付出你的情怀'],
['59.27','如果他是坦白实在正经的男孩'],
['62.69','像这样这样的男朋友才是可爱'],
['67.06','我要祝福那天下多情的女孩'],
['71.21','希望你们找到一位可爱的伴侣'],
['74.71','真正的情爱'],
['77.05','这样的人生会过的很幸福很愉快'],
['87.53','我最讨厌油腔滑调虚伪的男孩'],
['90.58','说什么什么爱你在心口儿难开'],
['95.03','我最喜欢脚踏实地真诚的男孩'],
['98.55','他知道知道怎么用心来把我爱'],
['102.95','我要奉劝那情窦初开的女孩'],
['106.81','如果你要找男朋友不要只看他'],
['110.39','外表帅不帅'],
['112.59','你要留意他是不是很坦白很实在'],
['134.70','如果他是注重外表虚伪的男孩'],
['137.90','你不要不要对他付出你的情怀'],
['142.34','如果他是坦白实在正经的男孩'],
['145.87','像这样这样的男朋友才是可爱'],
['150.18','我要祝福那天下多情的女孩'],
['154.10','希望你们找到一位可爱的伴侣'],
['157.58','真正的情爱'],
['159.72','这样的人生会过的很幸福很愉快'],
['165.79','会过的很幸福很愉快']]
lrc=[['0.00','千百惠-走过咖啡屋'],
['15.00','每次走过这间咖啡屋'],
['18.00','忍不住慢下了脚步'],
['23.00','你我初次相识在这里'],
['26.00','揭开了相悦的序幕'],
['31.00','今天你不再是座上客'],
['34.00','我也就恢复了孤独'],
['37.00','不知什么缘故使我俩'],
['41.00','由情侣变成了陌路'],
['45.00','芳香的咖啡飘满小屋'],
['49.00','对你的情感依然如故'],
['52.00','不知道何时再续前缘'],
['55.00','让我把思念向你倾诉'],
['63.00','我又走过这间咖啡屋'],
['66.00','忍不住慢下了脚步'],
['71.00','屋里再也不见你和我'],
['74.00','美丽的往事已模糊'],
['94.00','每次走过这间咖啡屋'],
['98.00','忍不住慢下了脚步'],
['102.00','你我初次相识在这里'],
['105.00','揭开了相悦的序幕'],
['109.00','今天你不再是座上客'],
['113.00','我也就恢复了孤独'],
['117.00','不知什么缘故使我俩'],
['120.00','由情侣变成了陌路'],
['124.00','芳香的咖啡飘满小屋'],
['128.00','对你的情感依然如故'],
['132.00','不知道何时再续前缘'],
['136.00','让我把思念向你倾诉'],
['143.00','我又走过这间咖啡屋'],
['146.00','忍不住慢下了脚步'],
['151.00','屋里再也不见你和我'],
['154.00','美丽的往事已模糊']]
lrc=[['0.00','苏芮-凭着爱'],
['8.49','词:潘伟源'],
['14.49','曲:卢冠廷'],
['33.20','曾踏遍刺脚的弯路'],
['40.37','疲倦了谁来倾诉'],
['47.22','遇过几多痴情怎会不知道'],
['54.76','但我深知总有一日'],
['58.35','定会找得到更好'],
['61.87','凭着爱我信有出路'],
['68.89','凭着爱情怀不老'],
['75.78','在这一刻跟你终于可拥抱'],
['83.32','就算始终失意倒运'],
['86.86','人生已再没苦恼'],
['90.03','曾在这高高低低弯弯曲曲中跌倒'],
['97.14','才骤觉开开心心简简单单已极好'],
['104.29','最美丽仍然是爱带泪赏仍然是好'],
['111.40','未惧怕一生的波折拌到老'],
['140.34','凭着爱我信有出路'],
['147.36','凭着爱情怀不老'],
['154.13','在这一刻跟你终于可拥抱'],
['161.73','就算始终失意倒运'],
['165.53','人生已再没苦恼'],
['168.49','曾在这高高低低弯弯曲曲中跌倒'],
['175.60','才骤觉开开心心简简单单已极好'],
['182.79','最美丽仍然是爱带泪赏仍然是好'],
['189.85','未惧怕一生的波折拌到老'],
['197.00','曾在这高高低低弯弯曲曲中跌倒'],
['204.15','才骤觉开开心心简简单单已极好'],
['211.30','最美丽仍然是爱带泪赏仍然是好'],
['218.37','未惧怕一生的波折拌到老'],
['225.65','凭着爱只管一生磨练到老']]
lrc=[['0.00','谢采妘-采槟榔'],
['18.87','高高的树上结槟榔'],
['24.53','谁先爬上谁先尝'],
['35.81','谁先爬上我替谁先装'],
['47.42','少年郎呀采槟榔'],
['52.88','小妹妹提篮抬头望'],
['61.83','低头又想呀'],
['64.33','他又美他又壮'],
['66.98','谁能比他强'],
['69.89','赶忙来叫声我的郎呀'],
['75.65','青山高呀流水长'],
['81.10','那太阳已残'],
['83.79','那归鸟儿在唱'],
['87.47','叫我俩赶快回家乡'],
['105.64','高高的树上结槟榔'],
['111.15','谁先爬上谁先尝'],
['122.53','谁先爬上我替谁先装'],
['134.13','少年郎呀采槟榔'],
['139.69','小妹妹提篮抬头望'],
['148.13','低头又想呀'],
['150.98','他又美他又壮'],
['153.88','谁能比他强'],
['156.73','赶忙来叫声我的郎呀'],
['162.38','青山高呀流水长'],
['167.73','那太阳已残'],
['170.69','那归鸟儿在唱'],
['173.49','叫我俩赶快回家乡'],
['197.99','谁先爬上我替谁先装'],
['209.37','少年郎呀采槟榔'],
['214.88','小妹妹提篮抬头望'],
['223.54','低头又想呀'],
['226.16','他又美他又壮'],
['229.11','谁能比他强'],
['231.99','赶忙来叫声我的郎呀'],
['237.64','青山高呀流水长'],
['243.10','那太阳已残'],
['245.80','那归鸟儿在唱'],
['248.50','叫我俩赶快回家乡']]
lrc=[['0.00','徐小凤-风的季节'],
['21.00','凉风轻轻吹到悄然进了我衣襟'],
['26.00','夏天偷去听不见声音'],
['31.00','日子匆匆走过倍令我有百感生'],
['36.00','记挂那一片景象缤纷'],
['45.00','随风轻轻吹到你步进了我的心'],
['50.00','在一息间改变我一生'],
['55.00','付出多少热诚也没法去计得真'],
['60.00','却也不需再惊惧风雨侵'],
['69.00','吹呀吹让这风吹'],
['74.00','抹干眼眸里亮晶的眼泪'],
['79.00','吹呀吹让这风吹'],
['84.00','哀伤通通带走管风里是谁'],
['98.00','从风沙初起想到是季节变更'],
['103.00','梦中醒却岁月如飞奔'],
['108.00','是否早订下来你或我也会变心'],
['113.00','慨叹怎么会久合终要分'],
['122.00','狂风吹得起劲朗日也要被蔽隐'],
['127.00','泛起一片迷朦尘埃滚'],
['132.00','掠走心里一切美梦带去那欢欣'],
['137.00','带去我的爱只是独留恨'],
['146.00','吹呀吹让这风吹'],
['151.00','抹干眼眸里亮晶的眼泪'],
['156.00','吹呀吹让这风吹'],
['161.00','哀伤通通带走管风里是谁'],
['194.00','吹呀吹让这风吹'],
['199.00','抹干眼眸里亮晶的眼泪'],
['204.00','吹呀吹让这风吹'],
['209.00','哀伤通通带走管风里是谁']]
lrc=[['0.00','再回首-李翊君'],
['7.50','李翊君'],
['31.50','再回首已久的归途'],
['37.50','再回首荆棘密布'],
['43.50','今夜不会再有难舍的旧梦'],
['50.50','曾经与你共有的梦'],
['54.50','今后要向谁诉说'],
['57.50','再回首背影远走'],
['63.50','再回首泪眼朦胧'],
['70.50','留下你的祝福'],
['73.50','寒夜温暖我'],
['76.50','不管明天我要面对多少伤痛和迷惑'],
['82.50','曾经在悠悠暗暗反反复复中追问'],
['89.50','才知道平平淡淡从从容容是最真'],
['95.50','再回首恍然如梦'],
['99.50','再回首我心依旧'],
['102.50','只有那无尽的长路伴着我'],
['128.50','再回首背影远走'],
['135.50','再回首泪眼朦胧'],
['141.50','留下你的祝福'],
['144.50','寒夜温暖我'],
['148.50','不管明天我要面对多少伤痛和迷惑'],
['153.50','曾经在悠悠暗暗反反复复中追问'],
['160.50','才知道平平淡淡从从容容是最真'],
['166.50','再回首恍然如梦'],
['170.50','再回首我心依旧'],
['173.50','只有那无尽的长路伴着我'],
['180.50','曾经在悠悠暗暗反反复复中追问'],
['186.50','才知道平平淡淡从从容容是最真'],
['193.50','再回首恍然如梦'],
['196.50','再回首我心依旧'],
['199.50','只有那无尽的长路伴着我'],
['206.50','再回首恍然如梦'],
['211.50','我心依旧']]
lrc=[['0.00','春光美 - 张德兰'],
['12.55','词：林建助'],
['24.51','曲：陈辉雄'],
['36.46','我们在回忆'],
['42.11','说着那冬天'],
['47.82','在冬天的山巅'],
['54.07','露出春的生机'],
['59.99','我们的故事'],
['65.91','说着那春天'],
['71.93','在春天的好时光'],
['77.75','留在我们心里'],
['83.74','我们慢慢说着过去'],
['89.79','微风吹走冬的寒意'],
['95.70','我们眼里的春天'],
['101.64','有一种神奇'],
['106.11','啊'],
['113.38','这就是春天的美丽'],
['143.39','我们在回忆'],
['149.13','说着那冬天'],
['155.15','在冬天的山巅'],
['161.10','露出春的生机'],
['167.13','我们的故事'],
['172.93','说着那春天'],
['178.89','在春天的好时光'],
['184.78','留在我们心里'],
['190.73','一遍一遍甜蜜回忆'],
['196.72','春天带来真诚友谊'],
['202.81','我们眼里的春天'],
['208.68','有一种欢欣'],
['213.12','啊'],
['220.70','这就是春天的美丽']]
   var mulu = [
["https://storage.live.com/items/1965B2B1656C2AF6!16593?","男朋友 - 林淑容","https://imge.kugou.com/stdmusic/20200909/20200909131311423467.jpg","https://video-js.51miz.com/preview/video/00/00/15/21/V-152102-13B4D044.mp4"],
["https://storage.live.com/items/1965B2B1656C2AF6!16591?","千百惠-走过咖啡屋","https://imge.kugou.com/stdmusic/20160907/20160907211612542870.jpg","https://video-js.51miz.com/preview/video/00/00/13/70/V-137009-A4970EDC.mp4"],
["https://storage.live.com/items/1965B2B1656C2AF6!16588?","苏芮-凭着爱","https://imge.kugou.com/stdmusic/20201125/20201125122410768212.jpg","https://video-js.51miz.com/preview/video/00/00/15/93/V-159397-5EF536E2.mp4"],
["https://storage.live.com/items/1965B2B1656C2AF6!16587?","谢采妘-采槟榔","https://imge.kugou.com/stdmusic/20200909/20200909132815445530.jpg","https://video-js.51miz.com/preview/video/00/00/16/10/V-161050-565E689C.mp4"],
["https://storage.live.com/items/1965B2B1656C2AF6!16589?","徐小凤-风的季节","https://imge.kugou.com/stdmusic/20200224/20200224095004626016.jpg","https://video-js.51miz.com/preview/video/00/00/16/54/V-165481-6C0A9FD6.mp4"],
["https://storage.live.com/items/1965B2B1656C2AF6!16590?","再回首-李翊君","https://imge.kugou.com/stdmusic/20210808/20210808083302753739.jpg","https://video-js.51miz.com/preview/video/00/00/15/99/V-159995-7A433DC7.mp4"],
["https://storage.live.com/items/1965B2B1656C2AF6!16592?","春光美 - 张德兰","https://imge.kugou.com/stdmusic/20210601/20210601095101318362.jpg","https://video-js.51miz.com/preview/video/00/00/16/56/V-165671-1BA0B7C3.mp4"]
   ];

pic.onclick =function() {
aud.paused ? aud.play() : aud.pause()

};

var mLi = document.getElementById('mLiDiv');
var aud = document.createElement('audio');
var playid = 0;
var str =[]
for(j=0; j<mulu.length; j++) {
   str +="<a id='list" + j + "' onclick='myPlay(" + j + ")' >" + (j+1) +"."+" "+mulu + "</a><br />";
}
mLi.innerHTML += str;
var __encode ='jsjiami.com',_a={}, _0xb483=["\x5F\x64\x65\x63\x6F\x64\x65","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x73\x6F\x6A\x73\x6F\x6E\x2E\x63\x6F\x6D\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x6F\x62\x66\x75\x73\x63\x61\x74\x6F\x72\x2E\x68\x74\x6D\x6C"];(function(_0xd642x1){_0xd642x1]= _0xb483})(_a);var __Ox1025ff=["\x73\x72\x63","\x62\x61\x63\x6B\x67\x72\x6F\x75\x6E\x64\x49\x6D\x61\x67\x65","\x73\x74\x79\x6C\x65","\x75\x72\x6C\x28","\x29","\x70\x6C\x61\x79","\x6F\x6E\x65\x6E\x64\x65\x64","\x6C\x65\x6E\x67\x74\x68","\x74\x69\x6D\x65\x75\x70\x64\x61\x74\x65","\x63\x75\x72\x72\x65\x6E\x74\x54\x69\x6D\x65","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x6C\x6F\x67","\u5220\u9664","\u7248\u672C\u53F7\uFF0C\x6A\x73\u4F1A\u5B9A","\u671F\u5F39\u7A97\uFF0C","\u8FD8\u8BF7\u652F\u6301\u6211\u4EEC\u7684\u5DE5\u4F5C","\x6A\x73\x6A\x69\x61","\x6D\x69\x2E\x63\x6F\x6D"];function myPlay(_0x2ee2x2){playid= _0x2ee2x2;aud]= mulu;sp]= mulu;pic]]= __Ox1025ff+ mulu+ __Ox1025ff;aud]();nameRed(playid)}aud]= function(){playid++;if(playid>= mulu]){playid= 0};aud]= mulu;sp]= mulu;pic]]= __Ox1025ff+ mulu+ __Ox1025ff;aud]();nameRed(playid)};aud](__Ox1025ff,()=>{for(j= 0;j< lrc];j++){if(aud]>= lrc){musickrc01]= lrc;if(j+ 1== lrc]){musickrc02]= __Ox1025ff}else {musickrc02]= lrc}}}});(function(_0x2ee2x3,_0x2ee2x4,_0x2ee2x5,_0x2ee2x6,_0x2ee2x7,_0x2ee2x8){_0x2ee2x8= __Ox1025ff;_0x2ee2x6= function(_0x2ee2x9){if( typeof alert!== _0x2ee2x8){alert(_0x2ee2x9)};if( typeof console!== _0x2ee2x8){console](_0x2ee2x9)}};_0x2ee2x5= function(_0x2ee2xa,_0x2ee2x3){return _0x2ee2xa+ _0x2ee2x3};_0x2ee2x7= _0x2ee2x5(__Ox1025ff,_0x2ee2x5(_0x2ee2x5(__Ox1025ff,__Ox1025ff),__Ox1025ff));try{_0x2ee2x3= __encode;if(!( typeof _0x2ee2x3!== _0x2ee2x8&& _0x2ee2x3=== _0x2ee2x5(__Ox1025ff,__Ox1025ff))){_0x2ee2x6(_0x2ee2x7)}}catch(e){_0x2ee2x6(_0x2ee2x7)}})({})
function nameRed(){
   for(k=0;k<mulu.length;k++){
            let listId = "list" + k;
            document.getElementById(listId).style.removeProperty("color");
   }
   listId = "list" + playid;
   document.getElementById(listId).style.color = "red";
}
myPlay(playid);

</script>

巫荣云师 发表于 2023-7-25 20:03

欣赏收藏老师的佳作《测试视频图片歌词同步》。问好点赞!

蓝魔发表于 2023-7-25 21:23

欣赏一下，谢谢。

久久. 发表于 2023-7-25 21:37

好听，支持点赞{:1_293:}谢谢分享！

容轩听雨 发表于 2023-7-25 23:21

一组经典老歌，视频嵌入，LRC编辑显示俱佳，赞，问好朋友！

糊图花 发表于 2023-7-27 12:57

好听，谢谢楼主分享祝开心每一天！

平凡发表于 2023-9-15 22:35

这制作漂亮，问好张红妹子

页: [1]

中画网's Archiver

测试视频图片歌词同步