醉美水芙蓉 发表于 2025-1-24 13:27:54

夜是克莱因蓝的忧伤

<style>
    @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
    #mama { margin: 130px 0 30px calc(50% - 891px);width: 1600px;height: 900px; background: black url('https://bbs.cnzv.cc/up/upload/pic/12/20250124-f6fb917c0c9dc5531fa2653616b14df5.jpg') no-repeat center/ cover; overflow: hidden;}
    #player { width: 60px;height: 60px;left: calc(90% - 228px); top: calc(40% - 70px); filter: hue-rotate(60deg); }
    #player:hover { filter: hue-rotate(30deg); transition: .7s; }
    #prog { bottom: 20px; width: 220px; --bg1: #ffffffaa; --bg2: SaddleBrown; --color: snow; }
    #lrc {left: 50%;transform: translateX(-50%);bottom: 30px; --bg: linear-gradient(#ffffffaa, SaddleBrown); color: silver;font: bold 2.0em cursive;opacity: .86; }
    #vid { position: absolute; width: 100%; height: 110%; object-fit: cover; top:-80px; mix-blend-mode: screen;-webkit-mask: linear-gradient(to top right, red 88%, transparent 0);pointer-events: none; opacity: .75;}
</style>

<div id="mama" class="pa">
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1900190434.mp3"></audio>
    <video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/35/5b418ce398ec3.mp4" autoplay loop muted></video>
    <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
    <img id="player" class="player" src="https://pic.imgdb.cn/item/65c0a8f19f345e8d03032e45.png" alt="" />
    <div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>

<script type="module">
    import { Aud } from 'https://638183.freep.cn/638183/web/mod/audlrc.js';
var geci = [
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      ,
      
];
    var mDatas = { pa: mama, btn: player, prog: prog, lrc: lrc, lrcAr: geci };
    var audio = new Aud(mDatas);
    audio.play();
</script>

klxf 发表于 2025-1-24 14:34:13

别出心裁，谢谢友友精彩分享:)

醉美水芙蓉 发表于 2025-1-25 17:52:05

klxf 发表于 2025-1-24 14:34
别出心裁，谢谢友友精彩分享

主要是这首歌好听！

红尘过客 发表于 2025-2-1 13:13:34

前来围观，LZ好样的！
页: [1]
查看完整版本: 夜是克莱因蓝的忧伤