张红 发表于 2023-3-27 08:56

故乡在他乡 - 兰卡措'


<style>
#bj{ left: 0px; top: 33px;width: 873px; height: 480px; background: url('http://storage.live.com/items/1965B2B1656C2AF6!16273?') no-repeat center/cover; box-shadow:0px 0px 0px 2px #ff00ff, 0px 0px 0px 15px #880000; position: relative; display: grid; place-items: center; user-select: none; z-index: 1; --opt: 1.25; }
#bj::before { position: absolute; content: ''; background: url('http://chuangshicdn.data.mvbox.cn/album/22/03/14/22031417263445440463.gif') repeat; width:100%; height: 100%; mix-blend-mode: screen; opacity: var(--opt); animation: opa linear 20s infinite alternate; }
#lrcbox {width: 873px;
      transform: translate(-90px, 170px);
      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="bj">
<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!16272?" autoplay="autoplay" loop="loop"></audio>
<script>
      lrcbox = document.querySelector('#lrcbox'),
      geci = document.querySelector('#geci'),
      aud = document.querySelector('#aud'),
lrc = [
        ['0.00','故乡在他乡 - 兰卡措'],
        ['26.08','别问我哪里来往哪里去'],
        ['33.85','我的眼里没有泪滴'],
        ['43.58','故乡已远在他乡万里'],
        ['51.39','怎能忘记又怎么提起'],
        ['62.06','别问我哪里来往哪里去'],
        ['70.03','我的眼里没有痕迹'],
        ['79.40','乡音虽犹在却不能言语'],
        ['87.41','怎能回忆又怎么提起'],
        ['97.98','如果你看到我眼里有泪滴'],
        ['106.04','别问我从哪里来去'],
        ['115.51','我心在风里人在雨里'],
        ['123.28','看不清相遇的你'],
        ['163.68','别问我哪里来往哪里去'],
        ['171.39','我的眼里没有痕迹'],
        ['180.91','乡音虽犹在却不能言语'],
        ['188.88','怎能回忆又怎么提起'],
        ['199.56','如果你看到我眼里有泪滴'],
        ['207.65','别问我从哪里来去'],
        ['216.83','我心在风里泪在雨里'],
        ['224.80','看不清相遇的你'],
        ['232.92','看不清相遇的你'],
        ['239.17','谢谢欣赏']
];
lrcbox.onclick =function() {
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-27 15:02

欣赏佳作，为你点赞。

蓝魔 发表于 2023-3-27 19:55

欣赏一下，谢谢。

容轩听雨 发表于 2023-3-28 11:48

画面灵动，LRC编辑合拍，歌曲译成中文韵味十足，赞一个，问好朋友
页: [1]
查看完整版本: 故乡在他乡 - 兰卡措'