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

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

<style>
#papa { margin: 50px 0 0 calc(50% - 493px); 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-12 14:34:15

欣赏精彩的音画！

翁奕童苑 发表于 2023-9-14 21:30:02

这个作品漂亮！！！！

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

翁奕童苑 发表于 2023-9-12 14:34
欣赏精彩的音画！

谢谢老师欣赏支持！

红尘过客 发表于 2023-9-18 19:54:41

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-9-19 11:48:54

红尘过客 发表于 2023-9-18 19:54
这个作品漂亮！！！！

谢谢朋友支持！

落寞 发表于 2023-9-28 21:40:03

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-9-28 21:42:31

落寞 发表于 2023-9-28 21:40
这个作品漂亮！！！！

谢谢朋友支持！

红尘过客 发表于 2023-11-16 21:51:31

这个作品漂亮！！！！

醉美水芙蓉 发表于 2023-11-19 22:14:48

红尘过客 发表于 2023-11-16 21:51
这个作品漂亮！！！！

谢谢朋友支持！
页: [1]
查看完整版本: 谁不是活成了自己讨厌的样子