梦江南 发表于 2025-3-16 18:17

送别（长亭外古道边）（学习黑黑老师和小辣椒的粒子代码）


<style>
        @import 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.css?v=1.0';
        #tz { margin: 130px 0 30px calc(50% - 721px); width: 1280px; height: 666px; background: url('https://img1.oldkids.cn/upload/2025/03/16/blog_260798238_20250316144510462.png') no-repeat center/cover; overflow: hidden; border-radius:32px; border: thick double SkyBlue; }
        #xiaoqiu { width: 1200px; height: 150px; top: 68%; left: 3%; border-radius: 50%; position: absolute; }
        #mplayer { width: 580px; bottom: 10px; background: none; box-shadow: none; color: Aqua; }
        #mplayer img { filter: invert(.8); }
        #prog { --prog: #87CEFA; }

#lrc { --bg: linear-gradient(180deg,hsla(80,50%,20%,.20),hsla(80,50%,20%,.35)); position: absolute; left: 40%; bottom: 80px;font:normal 1.6em Microsoft YaHei; sans-serif; color:SkyBlue; white-space: pre; -webkit-background-clip: text; filter: drop-shadow(1px 1px 2px hsla(0, 100%, 0%, .85)); pointer-events: none; z-index: 900; }
        #fsbtn { top: 30px; left: 48%; }
        .vid { opacity: 0.55; }
</style>

<div id="tz" class="pa">
        <audio src="https://img2.oldkids.cn/upload/2025/03/16/blog_260798238_20250316144352412.mp3"></audio>
        <video class="vid" src="https://cccimg.com/view.php/e852a0b5895bb1098f194b0058e25802.mp4" autoplay loop muted></video>
        <div id="xiaoqiu"></div>
</div>

<script type="module">
        import { hcplay } from 'https://638183.freep.cn/638183/web/mod/mp3player_lrc_v1.js?v=1.0';
        import { lz } from 'https://638183.freep.cn/638183/web/lizi/canvasparticles.js';
       var gc = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        hcplay(tz, null, gc);
        var peizhi = {
    total: 80, /* 粒子数 */
    minSize: 3, /* 粒子最小尺寸 */
    maxSize: 8, /* 粒子最大尺寸 */
    color: '#808080',/* 粒子颜色 */
};
lz(xiaoqiu, peizhi);
tz.onclick = () => xiaoqiu.click();
</script>

梦油 发表于 2025-3-16 19:40

画面美，歌曲好，赞！{:5_116:}

红影 发表于 2025-3-16 19:47

这个是用小辣椒的代码吧，连视频也是呢{:4_173:}
不过背景很美，和歌曲太相符了{:4_199:}

红影 发表于 2025-3-16 19:47

欣赏江南精美帖子{:4_187:}

红影 发表于 2025-3-16 19:49

这样的视频烘托，让背景也像动的似的，特别神奇{:4_199:}

梦江南 发表于 2025-3-17 08:31

梦油 发表于 2025-3-16 19:40
画面美，歌曲好，赞！

问好梦油老师，谢谢沙发欣赏支持。

梦江南 发表于 2025-3-17 08:34

红影 发表于 2025-3-16 19:47
这个是用小辣椒的代码吧，连视频也是呢
不过背景很美，和歌曲太相符了

问好影子，这是小辣椒的粒子代码，她有歌词，套用做一帖。这背景视频不好配，所以还是这个合适点。{:4_204:}

梦江南 发表于 2025-3-17 08:34

红影 发表于 2025-3-16 19:47
欣赏江南精美帖子

谢谢影子欣赏支持鼓励！

梦江南 发表于 2025-3-17 08:36

红影 发表于 2025-3-16 19:49
这样的视频烘托，让背景也像动的似的，特别神奇

这图背景别的视频也配过，不大好，所以还是用小辣椒的这视频合适点。

红影 发表于 2025-3-17 13:54

梦江南 发表于 2025-3-17 08:34
问好影子，这是小辣椒的粒子代码，她有歌词，套用做一帖。这背景视频不好配，所以还是这个合适点。{:4_20 ...

是啊，这个视频特别适合这样的背景呢，漂亮{:4_204:}

红影 发表于 2025-3-17 13:55

梦江南 发表于 2025-3-17 08:34
谢谢影子欣赏支持鼓励！

不客气啊，帖子很美，江南厉害{:4_187:}

红影 发表于 2025-3-17 13:55

梦江南 发表于 2025-3-17 08:36
这图背景别的视频也配过，不大好，所以还是用小辣椒的这视频合适点。

盯着视频看，感觉背景都在动似的{:4_173:}

梦油 发表于 2025-3-17 16:55

梦江南 发表于 2025-3-17 08:31
问好梦油老师，谢谢沙发欣赏支持。

别客气。
页: [1]
查看完整版本: 送别（长亭外古道边）（学习黑黑老师和小辣椒的粒子代码）