雨季工作室 发表于 2026-7-21 08:29

梦中的阿哥

本帖最后由 雨季工作室 于 2026-7-25 09:20 编辑 <br /><br /><style>
        @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
        #mama { margin: 40px -500px calc(60% - 18px); width: 1600px; height: 850px; background: black url('https://i.uik.cc/view.php/209faba62eca6ceac6614623aa791a95.jpg') no-repeat center/ cover; }
        #player { width: 100px; height: 100px; bottom: 135px; animation: flash 4s linear infinite var(--state), rot 8s linear infinite var(--state); }
        #player:hover { filter: hue-rotate(180deg); transition: .7s; }
        #prog { bottom: 40px; width: 400px; --bg2: lightgreen; --bg2: green; --GhostWhite: lightgreen; }
        #prog::before { width: 100%; height: 40px; left: 0; top: -30px; }
        #lrc {Bottom: 10%; GhostWhite: lightgreen; --bg: linear-gradient(rgba(248,248,255),rgba(0,0,255)); }
        #vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: darken; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; }
        #fsbtn { position: absolute; top: 20px; color: lightgreen; padding: 2px 6px; border: 2px solid lightgreen; border-radius: 8px; user-select: none; cursor: pointer; transition: .5s; }
        @keyframes flash { to { filter: hue-rotate(360deg); } }
</style>

<div id="mama" class="pa">
        <audio id="aud" src="http://music.163.com/song/media/outer/url?id=3403210645.mp3"></audio>
   <video id="vid" src="https://video-qn.51miz.com/preview/video/00/00/13/09/V-130942-864B05CF.mp4" autoplay loop muted></video>
   
       
        <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
        <img id="player" class="player" src="http://cccimg.com/view.php/1c7e48bad4098a166234b5528d0c8740.png" alt="" />
        <div id="prog" class="prog" data-tt="00:00 00:00"></div>
</div>

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

</script>

梦江南 发表于 2026-7-21 08:53

好漂亮的图图，好好听的歌，欣赏老师的精美音画。{:4_187:}

杨帆 发表于 2026-7-21 10:06

好听好看，谢谢雨季精彩分享{:4_190:}

红影 发表于 2026-7-21 16:12

漂亮的制作。阿哥阿妹情义长。欣赏雨季工作室好帖{:4_199:}

雨季工作室 发表于 2026-7-22 16:55

梦江南 发表于 2026-7-21 08:53
好漂亮的图图，好好听的歌，欣赏老师的精美音画。

谢谢江南老师鼓励，祝盛夏安康！

雨季工作室 发表于 2026-7-22 16:56

杨帆 发表于 2026-7-21 10:06
好听好看，谢谢雨季精彩分享

谢谢杨帆老师鼓励，祝盛夏安康！

雨季工作室 发表于 2026-7-22 16:56

红影 发表于 2026-7-21 16:12
漂亮的制作。阿哥阿妹情义长。欣赏雨季工作室好帖

谢谢红影老师鼓励，祝盛夏安康！

红影 发表于 2026-7-22 21:09

雨季工作室 发表于 2026-7-22 16:56
谢谢红影老师鼓励，祝盛夏安康！

不客气啊，问好雨季工作室{:4_187:}

小辣椒 发表于 2026-7-24 22:44

雨季老师虽然播放器选的简单，背景图图出彩，漂亮的制作{:4_199:}

小辣椒 发表于 2026-7-24 22:45

感谢老师精彩分享{:4_187:}

雨季工作室 发表于 2026-7-25 08:58

小辣椒 发表于 2026-7-24 22:45
感谢老师精彩分享

谢谢辣椒老师点评、祝热夏安康！
页: [1]
查看完整版本: 梦中的阿哥