雨季工作室 发表于 2026-8-7 09:50

人生的酒我喝不够

<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('https://upfile.mp3.wf/view.php/a47a342eeaa541dcb86329cf81f4789f.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(255,255,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; 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: 368px; }

</style>

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



        <audio id="aud" src="http://music.163.com/song/media/outer/url?id=3381232366"></audio>
   <video id="vid" src="https://img2.tukuppt.com/video_show/2414777/00/02/18/5b52d56cc6aff.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://638183.freep.cn/638183/web/svg1/s002.svg" 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-8-7 10:25

{:4_174:}

梦江南 发表于 2026-8-7 10:27

这背景是上海滩的夜景。
这歌曲很好听。{:4_187:}

梦江南 发表于 2026-8-7 10:28

欣赏雨季老师精彩音画。{:4_199:}

梦油 发表于 2026-8-7 14:52

图美曲好，制作精美。问好雨季朋友。

红影 发表于 2026-8-7 16:20

外滩前执盏，真潇洒。人生的酒喝不够，在这么好的环境里更喝不够{:4_173:}
欣赏雨季工作室好帖{:4_199:}

霜染枫丹 发表于 2026-8-7 20:27

欣赏学习雨季工作室的好帖，祝立秋快乐！！

雨季工作室 发表于 2026-8-8 09:13

梦江南 发表于 2026-8-7 10:28
欣赏雨季老师精彩音画。

问好江南老师，谢谢支持！

雨季工作室 发表于 2026-8-8 09:14

梦油 发表于 2026-8-7 14:52
图美曲好，制作精美。问好雨季朋友。

问好梦油老师，谢谢支持！

雨季工作室 发表于 2026-8-8 09:15

红影 发表于 2026-8-7 16:20
外滩前执盏，真潇洒。人生的酒喝不够，在这么好的环境里更喝不够
欣赏雨季工作室好帖

问好红影老师，谢谢支持！

雨季工作室 发表于 2026-8-8 09:15

霜染枫丹 发表于 2026-8-7 20:27
欣赏学习雨季工作室的好帖，祝立秋快乐！！

问好枫丹老师，谢谢支持！

梦油 发表于 2026-8-8 14:19

雨季工作室 发表于 2026-8-8 09:14
问好梦油老师，谢谢支持！

雨季朋友的才华让人羡慕。

红影 发表于 2026-8-9 09:02

雨季工作室 发表于 2026-8-8 09:15
问好红影老师，谢谢支持！

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

小辣椒 发表于 2026-8-9 21:50

欣赏雨季老师的精彩分享{:4_187:}

雨季工作室 发表于 2026-8-10 08:32

小辣椒 发表于 2026-8-9 21:50
欣赏雨季老师的精彩分享

谢谢辣椒老师雅评与鼓励！

偶然~ 发表于 2026-8-10 13:53

来欣赏雨季工作室的精品佳作

偶然~ 发表于 2026-8-10 13:55

音画太棒了！

偶然~ 发表于 2026-8-10 13:55

音画唯美

偶然~ 发表于 2026-8-10 13:55

背景歌声动听

偶然~ 发表于 2026-8-10 13:55

制作大气磅礴
页: [1] 2
查看完整版本: 人生的酒我喝不够