醉美水芙蓉 发表于 2023-9-11 22:13

谁不是活成了自己讨厌的样子

本帖最后由 醉美水芙蓉 于 2023-9-11 22:13 编辑 <br /><br /> <style>
#papa { margin: 50px 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://img-baofun.zhhainiao.com/fs/live/preview_img_raw/12ecea86318adb1c80dc65a831ebb4b4_preview_raw.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; z-index: 1; display: grid; place-items: center; position: relative; }
#vid { position: absolute; width: 100%; height: 100%; object-fit: cover; pointer-events: none; mix-blend-mode: screen; z-index: 2; opacity: .35; }
</style>
<div id="papa"><video id="vid" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/preview/11329da50cd973e2bf4d21c6c6f467f3_preview.mp4" autoplay="autoplay" loop="loop" muted="muted" ></video></div>
</div>
<audio id="aud" src="https://www.qqmc.com/mp3/music300247910.mp3" autoplay loop></audio>

<script>

(function () {

let jsFile1 = 'https://638183.freep.cn/638183/web/api/ewave_lrc.js', jsFile2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.js';
let loadJs = (url, callback) => {
        let body = document.querySelector('body'),
        jsNode = document.createElement('script');
        jsNode.charset = 'utf-8';
        jsNode.setAttribute('src', url);
        body.appendChild(jsNode);
        jsNode.onload = () => callback();
};

loadJs(jsFile1, () => {
        let geci = [
        ,
        ,
        ,
        ,
                ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
        HCPlayer({
                papa: '#papa',
                lrcAr: geci,
                lrc_css: `
                        top: 20px;
                        color: lightblue;
                        --bg: linear-gradient(rgba(200,200,250,.25),rgba(100,200,250,.65));
                `,
                player_css: `
                        bottom: 20px;
                        transform: rotate(45deg);
                        --bg: rgb(200,200,90,.75);
                        --br: 8%;
                `,
                fs_css: '--bg: transparent;',
        });
});

loadJs(jsFile2, () => {
        H5lz({
                papa: '#sky',
                total: 20,
                size: {width: 20, height: 3},
                shape: {background: 'linear-gradient(to right,transparent,rgba(0,250,250,.4))', borderRadius: '0'},
                maxTime: 30,
                offset: {x: 00, y: 100},
                ani: 'toRight',
                css: 'transform: rotate(15deg);',
        });
});

})();

</script>

红影 发表于 2023-9-11 22:24

制作真漂亮。看水芙蓉美女也加了流星插件，但是没看到流星呢{:4_204:}

红影 发表于 2023-9-11 22:24

欣赏水芙蓉美女好帖{:4_187:}

醉美水芙蓉 发表于 2023-9-11 22:52

红影 发表于 2023-9-11 22:24
制作真漂亮。看水芙蓉美女也加了流星插件，但是没看到流星呢

加了视频不知道怎么加流星，两者只会加一个！

红影 发表于 2023-9-12 13:25

醉美水芙蓉 发表于 2023-9-11 22:52
加了视频不知道怎么加流星，两者只会加一个！

加视频也挺漂亮的，加一个其实也不错{:4_173:}

马黑黑 发表于 2023-9-14 07:55

{:4_199:}

小辣椒 发表于 2023-9-14 21:07

欣赏水芙蓉的精彩制作{:4_199:}

小辣椒 发表于 2023-9-14 21:07

这个作业我也是没有完成的，以后再说了

谢谢分享

醉美水芙蓉 发表于 2023-9-14 21:22

马黑黑 发表于 2023-9-14 07:55


谢谢老师光临！

醉美水芙蓉 发表于 2023-9-14 21:22

小辣椒 发表于 2023-9-14 21:07
这个作业我也是没有完成的，以后再说了

谢谢分享

谢谢小辣椒支持！

马黑黑 发表于 2023-9-14 22:15

醉美水芙蓉 发表于 2023-9-14 21:22
谢谢老师光临！

{:5_108:}
页: [1]
查看完整版本: 谁不是活成了自己讨厌的样子