张红 发表于 2023-4-1 19:52

故乡的雨 - 刘珺儿


<style>
#bj {
   position: relative;
margin-LEFT:0px;
   margin-top:33px;
   width: 873px;
   height: 480px;
box-shadow:0px 0px 0px 2px #ff00ff, 0px 0px 0px 15px #880000;
background-blend-mode: screen, normal;
   background: url('http://storage.live.com/items/1965B2B1656C2AF6!16281?') no-repeat, url('http://chuangshicdn.data.mvbox.cn/album/22/03/14/22031417263445440463.gif') no-repeat center/cover;}
#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="bj"></div>
<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>
<audio id="aud" src="http://fs.ringop.kugou.com/KGTX/CLTX001/e7a29bdf94b2bcbc42955e23fadacf56.mp3" autoplay="autoplay" loop="loop"></audio>
<script>
      lrcbox = document.querySelector('#lrcbox'),
      geci = document.querySelector('#geci'),
      aud = document.querySelector('#aud'),
       sp = document.querySelector('#sp'),
lrc =[
        ['0.23','故乡的雨 - 刘珺儿'],
        ['1.03','词：郑国江'],
        ['1.21','曲：郑国江'],
        ['1.40','编曲：陆尧'],
        ['31.44','一封家书 一声关注'],
        ['35.58','一句平常的体已语'],
        ['41.28','令我快慰 心里满是暖意'],
        ['45.70','犹如令我置身春晖里'],
        ['51.24','重提到家中檐前旧燕'],
        ['56.42','重回旧里家中居'],
        ['61.51','信中写到家乡的雨'],
        ['65.98','滴滴细雨语儿时'],
        ['71.00','问我有否记挂旧燕子'],
        ['76.74','家乡的细雨'],
        ['92.37','爸爸的心 妈妈的意'],
        ['96.35','充满慈祥的关注'],
        ['102.05','入我眼里 心里满是歉意'],
        ['106.69','繁忙闹市看不到喜欢的雨'],
        ['112.85','难忘记 我学牛郎骑父背'],
        ['117.42','童谣漫唱一家欢喜'],
        ['122.46','母亲的笑深深记'],
        ['126.96','望着这信泪儿垂'],
        ['132.03','念到故乡俩老'],
        ['135.21','愿似燕子 家乡飞去'],
        ['163.58','一封家书 一声关注'],
        ['167.50','一句平常的体已语'],
        ['173.21','令我快慰 心里满是暖意'],
        ['177.72','犹如令我置身春晖里'],
        ['183.35','重提到家中檐前旧燕'],
        ['188.51','重回旧里家中居'],
        ['193.63','信中写到家乡的雨'],
        ['198.08','滴滴细雨语儿时'],
        ['203.14','问我有否记挂旧燕子'],
        ['208.78','家乡的细雨']
];
lrcbox.onclick =function() {
aud.paused ? aud.play() : aud.pause()
sp.paused ? sp.play() : sp.pause()
};
aud.addEventListener("timeupdate", myFunction);
function myFunction()
{
      for(j=0; j<lrc.length; j++){
                if(aud.currentTime >= lrc){
                        geci.innerHTML = lrc;
                }
      }
}
</script>

巫荣云师 发表于 2023-4-1 21:40

欣赏收藏老师的佳作《故乡的雨》。:handshake{:1_293:}问好点赞!

蓝魔 发表于 2023-4-1 23:51

欣赏一下，谢谢。

容轩听雨 发表于 2023-4-2 20:03

画面灵动，LRC编辑合拍，歌曲动听蕴情，赞一个，问好朋友

绿地水池 发表于 2023-4-3 23:21

欣赏佳作，为你点赞。

平素 发表于 2023-4-7 23:05

问好点赞!   精彩制作！
页: [1]
查看完整版本: 故乡的雨 - 刘珺儿