张红 发表于 2023-3-13 12:32

寂寞沙洲冷 - 孙露


<div style="position: relative;width: 873px;height: 480px;MARGIN-LEFT:0px;margin-top:33px;box-shadow:0px 0px 0px 2px #ff00ff, 0px 0px 0px 15px #880000;overflow:hidden;border-radius:0%;bgcolor:#B22222;">
<video   src="http://storage.live.com/items/1965B2B1656C2AF6!16265?" muted="muted" autoplay="autoplay" loop="loop"width="873"></video></div>
<style>
#lrcbox {width: 873px;
      transform: translate(-90px, -60px);
      font: bold 2.5em sans-serif;
      color: #00000;
       -webkit-text-stroke:1px #ff00ff;
      font-family:迷你简中倩;
      cursor: pointer;
      position: absolute;
      z-index: 5;
}
.wzsd1 { animation: wzsd 0.86s 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="lrcbox">
<div class="wzsd1" style="position:absolute; top:0px; right:80px; width:620px;height:80px; text-align:center ">
<div id="geci" ></div></div></div></div>
<audio id="aud" src="http://storage.live.com/items/1965B2B1656C2AF6!16261?" autoplay="autoplay" loop="loop"></audio>

<script>
      lrcbox = document.querySelector('#lrcbox'),
      geci = document.querySelector('#geci'),
       aud = document.querySelector('#aud'),
lrc =   [
        ['0.72','寂寞沙洲冷 - 孙露'],
        ['16.26','自你走后心憔悴'],
        ['19.38','白色油桐风中纷飞'],
        ['23.88','落花似人有情这个季节'],
        ['31.84','河畔的风放肆拼命地吹'],
        ['35.36','不断拨弄离人的眼泪'],
        ['39.35','那样浓烈的爱再也无法给'],
        ['43.94','伤感一夜一夜'],
        ['51.35','当记忆的线缠绕过往支离破碎'],
        ['55.39','是慌乱占据了心扉'],
        ['59.68','有花儿伴着蝴碟'],
        ['61.70','孤燕可以双飞'],
        ['63.97','夜深人静独徘徊'],
        ['67.40','当幸福恋人寄来红色分享喜悦'],
        ['71.38','闭上双眼难过头也不敢回'],
        ['75.43','仍然捡尽寒枝不肯安歇微带着后悔'],
        ['79.87','寂寞沙洲我该思念谁'],
        ['91.88','自你走后心憔悴'],
        ['95.36','白色油桐风中纷飞'],
        ['99.86','落花似人有情这个季节'],
        ['107.77','河畔的风放肆拼命地吹'],
        ['111.31','不断拨弄离人的眼泪'],
        ['115.39','那样浓烈的爱再也无法给'],
        ['119.83','伤感一夜一夜'],
        ['127.35','当记忆的线缠绕过往支离破碎'],
        ['131.38','是慌乱占据了心扉'],
        ['135.62','有花儿伴着蝴碟'],
        ['137.59','孤燕可以双飞'],
        ['139.91','夜深人静独徘徊'],
        ['143.38','当幸福恋人寄来红色分享喜悦'],
        ['147.32','闭上双眼难过头也不敢回'],
        ['151.36','仍然捡尽寒枝不肯安歇微带着后悔'],
        ['155.90','寂寞沙洲我该思念谁'],
        ['187.33','当记忆的线缠绕过往支离破碎'],
        ['191.42','是慌乱占据了心扉'],
        ['195.61','有花儿伴着蝴碟'],
        ['197.78','孤燕可以双飞'],
        ['199.95','夜深人静独徘徊'],
        ['203.43','当幸福恋人寄来红色分享喜悦'],
        ['207.42','闭上双眼难过头也不敢回'],
        ['211.45','仍然捡尽寒枝不肯安歇微带着后悔'],
        ['215.94','寂寞沙洲我该思念谁'],
        ['219.41','仍然捡尽寒枝不肯安歇微带着后悔'],
        ['223.95','寂寞沙洲我该思念谁']
];
lrcbox.onclick = () => aud.paused ? aud.play() : aud.pause();
aud.addEventListener("timeupdate", myFunction);
function myFunction()
{
      for(j=0; j<lrc.length; j++){
                if(aud.currentTime >= lrc){
                        geci.innerHTML = lrc;
                }
      }
}
</script>

绿地水池 发表于 2023-3-13 15:35

欣赏佳作，为你点赞。

绿地水池 发表于 2023-3-13 19:43

用【回复】效果更好。

蓝魔 发表于 2023-3-13 22:20

欣赏一下，谢谢。

容轩听雨 发表于 2023-3-14 01:32

嵌入的视频舞台热闹，LRC编辑合拍，歌曲蕴情寄怀，赞一个，问好朋友
页: [1]
查看完整版本: 寂寞沙洲冷 - 孙露