论坛 › 动画音画 › 【雨声音画】轮回梦一场

雨声 发表于 2023-12-5 14:18

【雨声音画】轮回梦一场

<style>
#papa {
        margin: 0 0 0 calc(50% - 901px);
        width: 1600px;
        height: 800px;
      top:100px;
        background: url('http://bohann.net/data/attachment/forum/202312/05/134754x36b939y0ktwr3wr.jpg') no-repeat center/cover;
        box-shadow: 4px 4px 8px black;
        overflow: hidden;
        display: grid;
        place-items: center;
        z-index: 1;
        position: relative;
        --state: running;
}
#vid1 {
        position: absolute;
        width: 120%;
        height: 120%;
        top:-100px;
        left:-301px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index:3;
        opacity: .66;
}
#vid2 {
        position: absolute;
        width: 100%;
        height: 110%;
        top:-80px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 5;
        opacity: .19;
}
</style>

<div id="papa">
        <video id="vid1" src="https://img.tukuppt.com/video_show/2269348/00/14/92/5e67b21fa8e26.mp4" autoplay="" loop="" muted=""></video>
        <video id="vid2" src="https://img.tukuppt.com/video_show/2405811/00/70/22/607f0a9c8e2cf.mp4" autoplay="" loop="" muted=""></video>
        <audio id="aud" src="https://aimg8.dlssyht.cn/u/1786604/ueditor/file/894/1786604/1699248102542767.mp3" autoplay="" loop=""></audio>
</div>

<script>

(function() {
        let script = document.createElement('script');
        script.src = 'https://638183.freep.cn/638183/web/api/anklet_lrc.js';
        script.charset = 'utf-8';
        document.head.appendChild(script);
        let geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
        ];
        script.onload = () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: geci,
                        lrc_css: 'top: 730px; --bg: linear-gradient(rgba(240,240,180,.2),rgba(240,240,180,.4)); color: Wheat;',
                        fs_css: 'background: transparent; color: white; left:5%; bottom:5%;',
                        player_css: `
                                top: 530px;
                                left:430px;
                                border-width: 0;
                                color: #fff;
                                --size: 160px;
                                --bRad: 30%;
                                --track: gray;
                                --prog: lightblue;
                                --btnBg: linear-gradient(orange, snow);
                        `,
                        lizi: { color1: 'lightyellow', color2: 'silver' },
                });
        };
        [...new Array(5).keys()].forEach((e,k) => {
                e = document.createElement('span');
                e.className = 'meteor';
                e.style.cssText += `
                        left: ${10 * Math.random()}%;
                        top: ${10 * Math.random()}%;
                        --du: ${3 + Math.random() * 2}s;
                        --delay: -${Math.random() * 1}s;
                        --ww: ${25 + Math.random() * 10}px;
                `;
                papa.appendChild(e);
        });
})();

papa.onclick = () => aud.paused ? (vid1.pause(),vid2.pause()) : (vid1.play(),vid2.play());

</script>
<br><br><br><br><br><br><br><br><br><br>

雨声 发表于 2023-12-5 14:19

祝好朋友们开心快乐每一天！{:4_204:}

红影 发表于 2023-12-5 14:59

漂亮的脚链播放器，漂亮的背景制作。欣赏雨声姐精美制作{:4_199:}

红影 发表于 2023-12-5 15:01

视频效果选得也好，雨声姐的制作真棒{:4_199:}

幸运草 发表于 2023-12-5 19:17

朦胧的背景很悠远，漂亮{:6_244:}

世外桃源 发表于 2023-12-5 19:48

欣赏雨声美女的漂亮图图制作{:4_199:}

世外桃源 发表于 2023-12-5 19:49

黑马老师的教程制作的播放器，精彩{:4_199:}

世外桃源 发表于 2023-12-5 19:50

感谢美女制图高手分享精彩的美图

千羽 发表于 2023-12-6 19:20

雨儿又发新图了，一看就是高手制作，羡慕中{:4_187:}

千羽 发表于 2023-12-6 19:23

雨儿制图既快又精彩，画面明暗有致，{:4_181:}标题制作飘逸潇洒，

千羽 发表于 2023-12-6 19:24

雨儿的图看点多多，音乐也很好听，慢慢欣赏{:4_187:}

千羽 发表于 2023-12-6 19:24

问好雨儿，谢谢精彩分享{:4_187:}

雨声 发表于 2023-12-7 13:15

红影 发表于 2023-12-5 14:59
漂亮的脚链播放器，漂亮的背景制作。欣赏雨声姐精美制作

谢谢妹妹的支持鼓励{:4_204:}

雨声 发表于 2023-12-7 13:16

红影 发表于 2023-12-5 15:01
视频效果选得也好，雨声姐的制作真棒

谢谢妹妹，问好！{:4_185:}

雨声 发表于 2023-12-7 13:16

幸运草 发表于 2023-12-5 19:17
朦胧的背景很悠远，漂亮

谢谢草儿临帖支持，问安！{:4_204:}

雨声 发表于 2023-12-7 13:17

世外桃源 发表于 2023-12-5 19:48
欣赏雨声美女的漂亮图图制作

谢谢老师的欣赏鼓励{:4_180:}

雨声 发表于 2023-12-7 13:17

世外桃源 发表于 2023-12-5 19:49
黑马老师的教程制作的播放器，精彩

是的，黑黑老师太厉害了。{:4_204:}

雨声 发表于 2023-12-7 13:18

世外桃源 发表于 2023-12-5 19:50
感谢美女制图高手分享精彩的美图

问好老师，感谢临帖支持{:4_180:}

雨声 发表于 2023-12-7 13:18

千羽 发表于 2023-12-6 19:20
雨儿又发新图了，一看就是高手制作，羡慕中

羽儿来了，好开心，抱抱{:4_179:}

雨声 发表于 2023-12-7 13:19

千羽 发表于 2023-12-6 19:23
雨儿制图既快又精彩，画面明暗有致，标题制作飘逸潇洒，

谢谢妞的鼓励支持{:4_183:}

查看完整版本: 【雨声音画】轮回梦一场