张红 发表于 2023-3-21 14:57

失恋阵线联盟


<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!16268?" 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!16266?" autoplay="autoplay" loop="loop"></audio>
<script>
      lrcbox = document.querySelector('#lrcbox'),
      geci = document.querySelector('#geci'),
      aud = document.querySelector('#aud'),
lrc = [
        ['0.46','她总是只留下电话号码'],
        ['4.25','从不肯让我送她回家'],
        ['7.98','听说你也曾经爱上过她'],
        ['11.71','曾经也同样无法自拔'],
        ['15.54','你说你学不会假装潇洒'],
        ['19.18','却教我别太早放弃她'],
        ['22.91','把过去全说成一段神话'],
        ['26.59','然后笑彼此一样的傻'],
        ['30.32','我们这么在乎她'],
        ['32.17','却被她全部抹煞'],
        ['34.06','越疼她越伤心永远得不到回答'],
        ['37.79','到底她怎么想应该继续猜测吗'],
        ['41.62','还是说好全忘了吧'],
        ['45.25','找一个承认失恋的方法'],
        ['48.99','让心情好好的放个假'],
        ['52.67','当你我不小心又想起她'],
        ['56.55','就在记忆里画一个X'],
        ['120.20','她总是只留下电话号码'],
        ['123.63','从不肯让我送她回家'],
        ['127.47','听说你也曾经爱上过她'],
        ['131.15','曾经也同样无法自拔'],
        ['134.83','你说你学不会假装潇洒'],
        ['138.56','却教我别太早放弃她'],
        ['142.35','把过去全说成一段神话'],
        ['146.03','然后笑彼此一样的傻'],
        ['149.71','我们这么在乎她'],
        ['151.65','却被她全部抹煞'],
        ['153.49','越疼她越伤心永远得不到回答'],
        ['157.23','到底她怎么想应该继续猜测吗'],
        ['161.21','还是说好全忘了吧'],
        ['164.74','找一个承认失恋的方法'],
        ['168.42','让心情好好的放个假'],
        ['172.16','当你我不小心又想起她'],
        ['175.94','就在记忆里画一个X']
];
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-21 18:06

欣赏佳作,为你点赞。

容轩听雨 发表于 2023-3-21 18:49

嵌入的视频场面热烈,LRC编辑合拍,歌曲蕴情,赞一个,问好朋友

巫荣云师 发表于 2023-3-21 20:07

欣赏收藏老师的佳作《失恋阵线联盟》。:handshake{:1_293:}问好点赞!
页: [1]
查看完整版本: 失恋阵线联盟