醉美水芙蓉 发表于 2025-1-1 21:11:24

我的楼兰

<style>
    @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
    #mama { margin: 130px 0 30px calc(50% - 931px);width: 1700px;height: 900px; background: black url('https://bbs.cnzv.cc/up/upload/pic/12/20250101-ceb30c704d5569c1761b78105382ecf7.jpg') no-repeat center/ cover; overflow: hidden;}
    #player { width: 60px;height: 60px;left: calc(50% - 308px); top: calc(50% - 60px); 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(totop, red 30%, transparent 55%, transparent); pointer-events: none; opacity: .95;}
</style>

<div id="mama" class="pa">
    <audio id="aud" src="https://www.joy127.com/url/117644.mp3"></audio>
    <video id="vid" src="https://img.tukuppt.com/video_show/15653652/00/79/86/60c98c8146068.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-2 19:45:40

好听，谢谢醉美管理员精彩分享

醉美水芙蓉 发表于 2025-1-2 20:46:48

klxf 发表于 2025-1-2 19:45
好听，谢谢醉美管理员精彩分享

问好友友！谢谢光临 ！

快播 发表于 7 天前

路过还不错
页: [1]
查看完整版本: 我的楼兰