小辣椒 发表于 2024-12-27 21:07

渴望--纯音乐欣赏


<style>
        @import 'https://638183.freep.cn/638183/web/mod/aud_lrc.css';
        #tz { --state: running; margin: 140px 0 30px calc(50% - 781px); position: relative; width: 1400px; height: 734px; background: url('https://xlaj.cn/upfile/202412/25/67.jpg') no-repeat center/cover; }
        #player { position: absolute; width: 400px; height: 400px; object-fit: cover; mix-blend-mode: screen; cursor: pointer; animation: rot 8s linear infinite var(--state); }
        #prog { bottom: 50px; width: 400px; --bg1: snow; --bg2: cyan; --color: snow; }
        #fsbtn { left: 30px; top: 30px; }
</style>

<div id="tz" class="pa">
        <audio src="https://i.mp3.wf/215293183/渴望纯音乐.mp3"></audio>
        <video id="player" src="https://img.tukuppt.com/video_show/2475824/00/08/39/5d21bde6a1eca.mp4" autoplay loop muted></video>
        <div id="prog" class="prog" data-tt="00:00 00:00"></div>
        <div id="fsbtn" class="fsbtn"></div>
</div>

<script type="module">
        import { Aud } from 'https://638183.freep.cn/638183/web/mod/aud_lrc.js';
        import fscreen from 'https://638183.freep.cn/638183/web/mod/fscreen.js';
        var audio = new Aud(tz, player);
        audio.play();
        fscreen.fs(tz, fsbtn);
        player.oncontextmenu = (e) => e.preventDefault();
</script>

小辣椒 发表于 2024-12-27 21:08

同一首完成:lol:lol

小辣椒 发表于 2024-12-27 21:09

播放器简单了一点，纯音不用歌词，完成速度了一点{:5_139:}

liumang 发表于 2024-12-27 23:05

小辣椒这么快啊{:5_150:}{:5_150:}

liumang 发表于 2024-12-27 23:06

好听加好看{:5_141:}

liumang 发表于 2024-12-27 23:07

没有歌词做起来快一点，以后就不用歌词好了{:5_150:}

liumang 发表于 2024-12-27 23:07

感谢分享{:5_124:}
页: [1]
查看完整版本: 渴望--纯音乐欣赏