张红 发表于 2023-6-4 17:22

吴静 - 女儿情


<div style="position: relative;width: 1000px;height: 600px;MARGIN-LEFT:0px;margin-top:33px;box-shadow:0px 0px 0px 0px #ff00ff, 0px 0px 0px 1px #880000;overflow:hidden;border-radius:0%;bgcolor:#B22222; background: #ccc url('http://storage.live.com/items/1965B2B1656C2AF6!16374?')no-repeat center / cover;">
</div>
<style>

#lrcbox {width: 873px;
      transform: translate(-40px, -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>
<audio id="aud" src="http://fs.ringop.kugou.com/G242/M0A/1E/11/0pQEAF-3-0CAZ1pgAFAsQMzwoUg181.mp3" autoplay="autoplay" loop="loop"></audio>


<script>
      lrcbox = document.querySelector('#lrcbox'),
      geci = document.querySelector('#geci'),
       aud = document.querySelector('#aud'),

lrc =[
        ['0.00','吴静 - 女儿情 '],
        ['0.33','作词：杨洁'],
        ['0.49','作曲：许镜清'],
        ['0.73','鸳鸯双栖蝶双飞'],
        ['7.99','满园春色惹人醉'],
        ['15.42','悄悄问圣僧'],
        ['19.32','女儿美不美'],
        ['22.95','女儿美不美'],
        ['31.89','说什么王权富贵'],
        ['39.42','怕什么戒律清规'],
        ['45.50','只愿天长地久'],
        ['52.93','与我意中人儿紧相随'],
        ['60.42','爱恋伊'],
        ['64.15','爱恋伊'],
        ['68.00','愿今生长相随'],
        ['124.41','鸳鸯双栖蝶双飞'],
        ['131.71','满园春色惹人醉'],
        ['139.14','悄悄问圣僧'],
        ['142.83','女儿美不美'],
        ['146.62','女儿美不美'],
        ['155.62','说什么王权富贵'],
        ['163.15','怕什么戒律清规'],
        ['169.17','只愿天长地久'],
        ['176.61','与我意中人儿紧相随'],
        ['184.22','爱恋伊'],
        ['187.87','爱恋伊'],
        ['191.66','愿今生长相随'],
        ['200.56','说什么王权富贵'],
        ['208.05','怕什么戒律清规'],
        ['214.12','只愿天长地久'],
        ['221.66','与我意中人儿紧相随'],
        ['229.18','爱恋伊 爱恋伊'],
        ['236.61','愿今生长相伊'],
        ['244.25','愿今生长相随 长相随']
];
lrcbox.onclick =function() {
aud.paused ? aud.play() : aud.pause()

};


aud.addEventListener('timeupdate', () => {
      for(j=0; j<lrc.length; j++){
                if(aud.currentTime >= lrc){
                        geci.innerHTML = lrc;
                }
      }
})
</script>

巫荣云师 发表于 2023-6-4 19:53

欣赏收藏老师的佳作《吴静 - 女儿情》。:handshake{:1_293:}问好点赞!

久久. 发表于 2023-6-4 23:21

谢谢楼主分享好音乐！

蓝魔 发表于 2023-6-5 00:25

欣赏一下。谢谢。

蓝魔 发表于 2023-6-5 00:25

欣赏一下。谢谢。

容轩听雨 发表于 2023-6-5 12:07

图意境美，歌曲寄情，赞，问好朋友

么念 发表于 2023-6-5 16:30

制作的好看，音乐好听
页: [1]
查看完整版本: 吴静 - 女儿情