张红 发表于 2023-2-13 17:32

鬼迷心窍

<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!16249?" 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!16264?" autoplay="autoplay" loop="loop"></audio>


<script>
      lrcbox = document.querySelector('#lrcbox'),
      geci = document.querySelector('#geci'),
       aud = document.querySelector('#aud'),
lrc =[
        ['0.00','鬼迷心窍(抖音DJ版) - 香子'],
        ['0.03','词:李宗盛'],
        ['0.04','曲:李宗盛'],
        ['0.10','发行:嗨库文化'],
        ['0.12','「此版本为正式授权翻唱作品」'],
        ['0.16','是鬼迷了心窍也好'],
        ['5.15','是前世的姻缘也好'],
        ['8.76','然而这一切已不再重要'],
        ['12.07','如果你能够重回我怀抱'],
        ['32.80','曾经真的以为人生就这样了'],
        ['36.35','平静的心拒绝再有浪潮'],
        ['40.38','斩了千次的情丝却断不了'],
        ['44.01','百转千折它将我围绕'],
        ['47.67','有人问我你究竟是哪里好'],
        ['51.39','这么多年我还忘不了'],
        ['54.94','春风再美也比不上你的笑'],
        ['59.00','没见过你的人不会明了'],
        ['63.28','是鬼迷了心窍也好'],
        ['66.41','是前世的姻缘也好'],
        ['70.43','然而这一切已不再重要'],
        ['73.81','如果你能够重回我怀抱'],
        ['78.21','是命运的安排也好'],
        ['81.62','是你存心的捉弄也好'],
        ['85.41','然而这一切已不再重要'],
        ['88.84','我愿意随你到天涯海角'],
        ['94.88','虽然岁月总是匆匆的催人老'],
        ['98.33','虽然情爱总是让人烦恼'],
        ['102.21','虽然未来如何不能知道'],
        ['105.53','现在说再见会不会太早'],
        ['140.25','曾经真的以为人生就这样了'],
        ['143.58','平静的心拒绝再有浪潮'],
        ['147.46','斩了千次的情丝却断不了'],
        ['151.23','百转千折它将我围绕'],
        ['154.98','有人问我你究竟是哪里好'],
        ['158.58','这么多年我还忘不了'],
        ['162.44','春风再美也比不上你的笑'],
        ['166.17','没见过你的人不会明了'],
        ['170.38','是鬼迷了心窍也好'],
        ['173.94','是前世的姻缘也好'],
        ['177.50','然而这一切已不再重要'],
        ['180.92','如果你能够重回我怀抱'],
        ['185.32','是命运的安排也好'],
        ['188.87','是你存心的捉弄也好'],
        ['192.48','然而这一切已不再重要'],
        ['195.91','我愿意随你到天涯海角'],
        ['201.83','虽然岁月总是匆匆的催人老'],
        ['205.39','虽然情爱总是让人烦恼'],
        ['209.26','虽然未来如何不能知道'],
        ['213.06','现在说再见会不会太早']
];
lrcbox.onclick = () => 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-2-13 19:48

欣赏收藏老师的佳作《旧梦-DJ 默涵版》。:handshake{:1_293:}问好点赞!

蓝魔 发表于 2023-2-13 21:12

欣赏一下,谢谢。

容轩听雨 发表于 2023-2-14 09:50

视频场面热闹,LRC编辑合拍,歌曲蕴情,赞一个,问好老师
页: [1]
查看完整版本: 鬼迷心窍