张红 发表于 2023-3-28 19:48

张暴默 - 鼓浪屿之波

<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 id="sp"src="http://storage.live.com/items/1965B2B1656C2AF6!16274?" 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="sp">
<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/c1fd4a7b6ef9f1206c9750e13dadea93.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.15','张暴默 - 鼓浪屿之波'],
        ['0.45','作词：张藜、张红曙'],
        ['0.66','作曲：钟立民'],
        ['15.22','鼓浪屿四周海茫茫'],
        ['21.23','海水鼓起波浪'],
        ['27.19','鼓浪屿遥对着**岛'],
        ['33.40','**是我家乡'],
        ['39.06','登上日光岩眺望'],
        ['45.11','只见云海苍苍'],
        ['51.43','我渴望 我渴望'],
        ['58.12','快快见到你'],
        ['61.47','美丽的基隆港'],
        ['80.48','母亲生我在**岛'],
        ['86.49','基隆港把我滋养'],
        ['92.34','我紧紧偎依着老水手'],
        ['98.39','听他讲海龙王'],
        ['104.14','那迷人的故事吸引我'],
        ['110.59','他娓娓的话语刻心上'],
        ['116.59','我渴望 我渴望'],
        ['123.61','快快见到你'],
        ['126.81','美丽的基隆港'],
        ['145.52','鼓浪屿海波在日夜唱'],
        ['151.37','唱不尽骨肉情长'],
        ['157.08','舀不干海峡的思乡水'],
        ['162.96','思乡水鼓动波浪'],
        ['168.55','思乡思乡啊思乡'],
        ['174.73','鼓浪鼓浪啊鼓浪'],
        ['180.58','我渴望 我渴望'],
        ['186.84','快快见到你'],
        ['189.84','美丽的基隆港'],
        ['200.00','谢谢欣赏']
];
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-3-28 21:16

欣赏收藏老师的佳作《鼓浪屿之波》。:handshake{:1_293:}问好点赞!

绿地水池 发表于 2023-3-30 20:06

欣赏佳作，为你点赞。

容轩听雨 发表于 2023-3-30 20:34

画面清楚，LRC编辑合拍，歌曲蕴情寄怀，赞一个，问好朋友
页: [1]
查看完整版本: 张暴默 - 鼓浪屿之波