醉美水芙蓉 发表于 2023-9-21 19:47

听

<style>
#papa { margin: 80px 0 0 calc(50% - 681px); width: 1200px; height: 675px;box-shadow: 3px 3px 20px #000; z-index: 1; display: grid; place-items: center; position: relative; overflow: hidden; }
#sky { position: absolute; width: 80%; height: 66%; top: 0; overflow: hidden; z-index: 3; }
#vid { position: absolute; width: 100%; height: 100%;object-fit: cover; pointer-events: none;z-index: 2; opacity: 1; }
</style>

<div id="papa">
<video id="vid" src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc/scene/3f51fcedf56d4d372b9040c6dfaae5ae_preview.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
        <div id="sky"></div>
</div>
<audio id="aud" src="https://shuifurong.s3-us-east-1.ossfiles.com/ting.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;
                                              right: 220px;                       
                                             color: lightblue;
                        --bg: linear-gradient(rgba(200,200,250,.25),rgba(100,200,250,.65));
                `,
                player_css: `
                        bottom: 20px;
                        transform: rotate(45deg);
                        --bg: rgb(0,200,255,.75);
                        --br: 50%;
                `,
                fs_css: '--bg: transparent;',
        });
});

loadJs(jsFile2, () => {
      H5lz({
                papa: '#sky',
                total: 16,
                size: {width: 5, height: 100},
                shape: {background: 'linear-gradient(to top,transparent,rgba(0,250,250,.2))', borderRadius: '50%'},
                maxTime: 24,
                offset: {x: 00, y: 00},
                ani: 'toLeft',
            
        });
});

})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>

红影 发表于 2023-9-21 20:11

这个让星星横向飞也挺有意思的。{:4_173:}
欣赏水芙蓉美女好帖{:4_187:}

醉美水芙蓉 发表于 2023-9-21 20:15

红影 发表于 2023-9-21 20:11
这个让星星横向飞也挺有意思的。
欣赏水芙蓉美女好帖

红影美女怎么斜着飞呢？

红影 发表于 2023-9-21 20:24

醉美水芙蓉 发表于 2023-9-21 20:15
红影美女怎么斜着飞呢？

斜着飞只要调整offset: {x: 00, y: 00},的Y值就行。还有，如果把星星调成横向，把size: {width: 5, height: 100},的宽和高数值换一下就行了，我那个是为了上下飞，所以弄成竖的了{:4_173:}

醉美水芙蓉 发表于 2023-9-21 20:46

红影 发表于 2023-9-21 20:24
斜着飞只要调整offset: {x: 00, y: 00},的Y值就行。还有，如果把星星调成横向，把size: {width: 5, heigh ...

谢谢红影美女指导！

红影 发表于 2023-9-21 21:10

醉美水芙蓉 发表于 2023-9-21 20:46
谢谢红影美女指导！

客气了，算不得指导啊，大家一起探讨一下而已{:4_187:}

小文 发表于 2023-9-22 07:43

很欣赏贴子的精致，但不喜欢配图，甚至讨厌这样摆拍的图。图中女人骚首弄姿，拍摄者的本位意识太强，视女人为玩物，才有此类所谓的作品出现。我虽不是个女权主义者（我反对女权思想，也反对男权），但我想为女性发声：如今的中国女性的美，我并不能一一表述清楚，但至少不应该是图上这个样子的。深切希望我们女同胞意识到这一点，摈弃这类垃圾图。一点想法，不吐不快。望朋友多担代则个，谢谢！问好！

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

小文 发表于 2023-9-22 07:43
很欣赏贴子的精致，但不喜欢配图，甚至讨厌这样摆拍的图。图中女人骚首弄姿，拍摄者的本位意识太强，视女人 ...

谢谢小文点评！
页: [1]
查看完整版本: 听