焱鑫磊 发表于 2023-9-22 11:04

《我们的生活充满阳光》于淑珍

本帖最后由 焱鑫磊 于 2023-9-22 11:06 编辑 <br /><br /><meta charset="utf-8">
<style>
#papa { margin: 100px 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://imgs-qn.51miz.com/preview/video/00/00/11/76/V-117624-300C50EC.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
        <div id="sky"></div>
</div>
<audio id="aud" src="https://i.mp3.wf/view.php/2f2248c0683f86c1811c25936cdfd745.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>
<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

红影 发表于 2023-9-22 12:32

焱鑫磊的这个也是横向飞的星星啊。开始看错了，还以为把粒子换成伞了呢，原来伞是视屏里的{:4_173:}

红影 发表于 2023-9-22 12:32

欣赏焱鑫磊好帖{:4_204:}

焱鑫磊 发表于 2023-9-22 14:48

红影 发表于 2023-9-22 12:32
焱鑫磊的这个也是横向飞的星星啊。开始看错了，还以为把粒子换成伞了呢，原来伞是视屏里的

是的，视屏背景。{:4_187:}

焱鑫磊 发表于 2023-9-22 14:49

红影 发表于 2023-9-22 12:32
欣赏焱鑫磊好帖

{:4_204:}{:4_204:}{:4_204:}

梦油 发表于 2023-9-22 16:22

焱鑫磊朋友下午好！谢谢你制作的美贴。我很喜欢于淑珍演唱的《我们的生活充满阳光》。于淑珍演唱的这支歌曲，音色华丽，在轻柔的和弦中缓缓唱来，既有仙气，又具有安抚和幸福的味道，有年代感和怀旧感。谢谢你，焱鑫磊朋友。分享了。

红影 发表于 2023-9-22 19:49

焱鑫磊 发表于 2023-9-22 14:48
是的，视屏背景。

开始的时候看错了{:4_173:}

红影 发表于 2023-9-22 19:50

焱鑫磊 发表于 2023-9-22 14:49


问好焱鑫磊，晚上好{:4_187:}

焱鑫磊 发表于 2023-9-22 20:25

梦油 发表于 2023-9-22 16:22
焱鑫磊朋友下午好！谢谢你制作的美贴。我很喜欢于淑珍演唱的《我们的生活充满阳光》。于淑珍演唱的这支歌曲 ...

{:4_187:}{:4_187:}{:4_187:}

梦油 发表于 2023-9-23 11:13

焱鑫磊 发表于 2023-9-22 20:25


期待你制作出更多更美的作品啦{:5_108:}
页: [1]
查看完整版本: 《我们的生活充满阳光》于淑珍