雨季工作室 发表于 2026-7-24 10:43

孤梦无人懂

<style>
        @import 'https://638183.freep.cn/638183/web/css/audlrc.css';
        #mama { margin: 20px 0 20px calc(50% - 880px); width: 1600px; height: 900px; background: black url('http://cccimg.com/view.php/80e66835cbcf0e195c86e891500e2b79.jpg') no-repeat center/ cover; }
        #player { width: 100px; height: 100px;left: calc(55% - 120px);top: 70%; animation: flash 4s linear infinite var(--state), rot 8s linear infinite var(--state); }
        #player:hover { filter: hue-rotate(180deg); transition: .7s; }
        #prog { bottom: 60px; left: 40%; width: 350px; height: 4px;--bg1: LightCyan; --bg2: Turquoise; --color: LightCyan; }
        #prog::before { width: 100%; height: 40px; left: 0; top: -30px; }
        #lrc { top: 83%; color: Honeydew; --bg: linear-gradient(rgba(0,255,255,.15),rgba(0,255,255,.55)); }
        #vid { position: absolute; width: 100%; height: 100%; object-fit: cover; mix-blend-mode: darken; -webkit-mask: radial-gradient(transparent 20%, red); pointer-events: none; opacity: .55; }
        #fsbtn { position: absolute; bottom: 0px; color: DarkKhaki; padding: 2px 6px; border: 2px solid DarkKhaki; border-radius: 8px; user-select: none; cursor: pointer; transition: .5s; }
        @keyframes flash { to { filter: hue-rotate(360deg); } }

#dt1{ position: absolute; width: 400px; height: 270px; top: 15px; left: 268px; }

</style>

<div id="mama" class="pa">

<img id="dt1" src="https://xlaj.cn/upfile/202411/12/4n.gif " alt="" />

        <audio id="aud" src="http://cccimg.com/view.php/55a2b2c454dfd26f895a47e6a7f5fa17.mp3"></audio>
    <video id="vid" src="https://img2.tukuppt.com/video_show/2418175/00/02/22/5b52ddfe885e5_10s_big.mp4" autoplay loop muted></video>
        <span id="fsbtn"></span>
        <div id="lrc" class="lrc" data-lrc="HCPlayer">HCPlayer</div>
        <img id="player" class="player" src="https://i.uik.cc/view.php/48512268f26270e862db6503cec4bb98.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-24 11:38

老师的图图高清漂亮，歌曲好听,欣赏点赞!{:4_187:}

红影 发表于 2026-7-24 13:03

这画面好美，歌曲也好听，欣赏雨季工作室好帖{:4_199:}

杨帆 发表于 2026-7-24 13:32

漂亮~谢谢雨季精彩分享{:4_190:}

霜染枫丹 发表于 2026-7-24 14:43

欣赏雨季工作室的佳作，人物表情很切题，漂亮！！祝制作愉快~~{:4_204:}{:4_190:}

梦油 发表于 2026-7-24 17:02

图美曲好，俺给一个大大的赞！{:5_116:}

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

欣赏老师精彩制作{:4_187:}

雨季工作室 发表于 2026-7-25 09:01

梦江南 发表于 2026-7-24 11:38
老师的图图高清漂亮，歌曲好听,欣赏点赞!

谢谢江南老师欣赏、祝热夏安康！

雨季工作室 发表于 2026-7-25 09:02

红影 发表于 2026-7-24 13:03
这画面好美，歌曲也好听，欣赏雨季工作室好帖

谢谢红影老师支持、祝热夏安康！

雨季工作室 发表于 2026-7-25 09:03

杨帆 发表于 2026-7-24 13:32
漂亮~谢谢雨季精彩分享

谢谢杨帆老师支持、祝热夏安康！

雨季工作室 发表于 2026-7-25 09:04

霜染枫丹 发表于 2026-7-24 14:43
欣赏雨季工作室的佳作，人物表情很切题，漂亮！！祝制作愉快~~

谢谢枫丹老师支持、祝热夏安康！

雨季工作室 发表于 2026-7-25 09:05

梦油 发表于 2026-7-24 17:02
图美曲好，俺给一个大大的赞！

谢谢梦油老师、祝热夏安康！

雨季工作室 发表于 2026-7-25 09:05

小辣椒 发表于 2026-7-24 22:34
欣赏老师精彩制作

谢谢辣椒老师鼓励、祝热夏安康！

梦油 发表于 2026-7-25 14:30

雨季工作室 发表于 2026-7-25 09:05
谢谢梦油老师、祝热夏安康！

谢谢你的美好祝福

红影 发表于 2026-7-25 22:17

雨季工作室 发表于 2026-7-25 09:02
谢谢红影老师支持、祝热夏安康！

不客气啊，问好雨季工作室，再赏好帖{:4_187:}
页: [1]
查看完整版本: 孤梦无人懂