小辣椒 发表于 2024-12-10 21:37

走在冷雨里 (Live合唱版)


<style>
      @import 'https://638183.freep.cn/638183/web/mod/ccpp_lrc.css';
      #tz { margin: 150px 0 30px calc(50% - 780px); width: 1390px; height: 752px; background: url('https://xlaj.cn/upfile/202412/10/119.jpg') no-repeat center/cover; overflow: hidden; border-radius: 32px; }
      #mplayer { --tx: 0; --ppNum: 70; --ppBg: White; --ppLen: 0.5px; --ppCap: WhiteSmoke; --prog: red; --track: silver; bottom: 180px; color: Gainsboro; left: 65%; top: 40%; }
      #pic1 { position: absolute; bottom: 0%; right: -1%; width: 431px; height: 449px; transform-origin: 50%100%; opacity: 0.95; animation: luotuo 5s linear infinite alternate var(--state); }
      #mplayer:hover { filter: hue-rotate(320deg); }
      #fsbtn { bottom: 20px; color: DimGray; border-color: DimGray; }
         #lrc { --bg: linear-gradient(180deg,hsla(80,50%,20%,.20),hsla(80,50%,20%,.35)); position: absolute; left: 60%; bottom: 80px;font:normal 1.6em Microsoft YaHei; sans-serif; color:MintCream; white-space: pre; -webkit-background-clip: text; filter: drop-shadow(1px 1px 2px hsla(0, 100%, 0%, .85)); pointer-events: none; z-index: 900; }
.vid {width: 100%; }
    .vid:nth-of-type(1) { top: -70px; height: calc(100% + 110px); }

      @keyframes luotuo { to { transform: skew(5.5deg) translateY(30px);} }
</style>

<div id="tz" class="pa">
<img id="pic1" src="https://xlaj.cn/upfile/202412/10/3.png" alt="" />
      <audio src="https://aod.cos.tx.xmcdn.com/storages/d557-audiofreehighqps/33/44/GKwRIJIK7YAXACAAAAMjB32n.m4a"></audio>
      <video class="vid" src="https://img.tukuppt.com/video_show/2402760/00/02/34/5b56b9d9dfec9.mp4" autoplay loop muted></video>
            
         <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
      <div id="fsbtn" class="fsbtn"></div>
</div>
<script type="module">
      import { hcplay } from 'https://638183.freep.cn/638183/web/mod/ccpp_lrc.js';
      import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
      var geci = [
      ['0.00', '走在冷雨里-艺凌',5.31],
['5.59', '词曲：隔壁老陈',2.12],
['7.82', '编曲：李胜华',2.06],
['9.99', '合唱：毅然合唱团',2.04],
['12.14', '混音：毅然音乐',2.36],
['14.62', '制作人：陈金文',1.62],
['16.33', 'OP：星汉马文化 ',2.46],
['18.92', '走在冷雨里',4.77],
['23.94', '苦苦找寻往日的甜蜜',6.07],
['30.33', '冷风一阵阵',4.65],
['35.22', '吹不散我心中的忧虑',6.00],
['41.54', '为什么你要狠心地离去',5.37],
['47.19', '我不明白错在了哪里',5.36],
['52.83', '如果我伤了你',2.60],
['55.57', '不是我故意',2.56],
['58.26', '我真的爱你不想放弃',2.89],
['61.30', '只想和你在一起',2.63],
['64.07', '求求你不要不要再生气',5.34],
['69.69', '快快回到我的怀抱里',5.42],
['75.40', '。。。。。。',16.05],
['92.30', '走在冷雨里',4.80],
['97.35', '苦苦找寻往日的甜蜜',5.96],
['103.62', '凄风一阵阵',4.72],
['108.59', '吹不散我心中的忧虑',6.01],
['114.92', '为什么你要把我来抛弃',5.37],
['120.57', '你给我太多太多的回忆',5.35],
['126.20', '如果我伤了你',2.72],
['129.06', '不是我故意',2.45],
['131.64', '我真的爱你真的想你',2.77],
['134.56', '只盼情缘能再续',2.76],
['137.46', '求求你不要不要再怀疑',5.37],
['143.11', '我的生命里不能没有你',5.63],
['149.04', '。。。。。。',21.38],
['171.55', '为什么你要把我来抛弃',5.22],
['177.05', '你给我太多太多的回忆',5.37],
['182.70', '如果我伤了你',2.72],
['185.56', '不是我故意',2.51],
['188.20', '我真的爱你真的想你',2.79],
['191.14', '只盼情缘能再续',2.66],
['193.94', '求求你不要不要再怀疑',5.39],
['199.61', '我的生命里不能没有你',5.97],
['205.79', '谢谢欣赏',4.09],
['225.07', '',4.5]
];
      hcplay(tz, geci);
      fscreen.fs(tz, fsbtn);
</script>

小辣椒 发表于 2024-12-10 21:38

同一首完成{:5_149:}

liumang 发表于 2024-12-11 15:09

小辣椒这个画面人物是代码控制的？看见不是动图的

liumang 发表于 2024-12-11 15:10

感谢小辣椒做同一首{:5_149:}
页: [1]
查看完整版本: 走在冷雨里 (Live合唱版)