论坛 › 动画音画 › 【菲儿单图】相约春光

清茶煮雪 发表于 2025-4-25 20:30

【菲儿单图】相约春光

本帖最后由 菲儿 于 2025-5-13 10:21 编辑 <br /><br /></div>
</div>
</div>
</div>
</div><div class="pct"><style type="text/css">.pcb{margin-right:0}</style><div class="pcb">

<div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_496899">

<style>#mydiv { margin: 0 0 0 calc(50% - 900px); width: 1600px; height: 900px; top:130px;box-shadow: 0 0 12px gray; background: url('http://bohan.nuxmax.com/data/attachment/forum/202504/25/201822nb1xcub8dsyztquu.jpg') no-repeat center/cover; overflow: hidden; z-index: 1; position: relative; display: grid; place-items: center; --state: running; }
#mydiv > img { transform: translate(30px); mix-blend-mode: screen;opacity: .50;}
#vid {
        position: absolute;
        width: 100%;
        height: 110%;
        top:-80px;
    left:1px;
        object-fit: cover;
        pointer-events: none;
        mix-blend-mode: screen;
        z-index: 2;
        opacity: .36;
}</style><div id="mydiv"><video id="vid" src="https://img.tukuppt.com/video_show/2418175/01/04/62/614ade273f6d1.mp4" autoplay="" loop="" muted=""></video><img src="" alt="" /></div><audio id="aud" src="https://music.163.com/song/media/outer/url?id=2152594229" loop="loop" autoplay="autoplay"></audio><script>(function() {
        let js1 = 'https://638183.freep.cn/638183/web/api/meter_pinpu_lrc.js',
               
js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.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(js1, () => {
                let geci = [
    ];
                HCPlayer({
                        papa: '#mydiv',
                        lrcAr: geci,
            fs_css: 'left: 50px; bottom:50px; background: transparent;',
                        lrc_css: `
                                bottom: 20px;
                font-size: 30px;
                                color: WhiteSmoke;
                                --bg: linear-gradient(180deg, White, SlateGray);
                    opacity: .56;
                        `,
                        player_css: `
                                top: 138px;right:15px;
                                color: snow;
                                z-index: 10;
                        `,
                        pinpu: { num: 40, width: 3, color: 'rgba(255,255,255,.5)' },
                });
        });

        loadJs(js2, () => {
                H5lz({
                        papa: '#mydiv',
                        total: 50,
                        size: {width: 3, height: 2},
                        shape: {background: '', borderRadius: '50%'},
       
                        maxTime: 24,
                        offset: {x: 0, y: 0},
                        ani: 'out2C',
                        css: 'opacity: .95; box-shadow: inset 0 0 8px #fff;',
                });
        });
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);</script>
<br><br><br><br><br><br><br><br></td></tr></table>

清茶煮雪 发表于 2025-4-25 20:30

祝大家周末愉快！{:4_204:}

红影 发表于 2025-4-25 21:07

制作很漂亮，画面漂亮，视频也用得好。
欣赏菲儿好帖{:4_199:}

红影 发表于 2025-4-25 21:10

这个还是带频谱的，应该是黑黑封装的代码，可以加歌词的，要是有歌词就更好了{:4_187:}

清茶煮雪 发表于 2025-4-25 21:26

本帖最后由 菲儿 于 2025-4-25 21:30 编辑

红影 发表于 2025-4-25 21:10
这个还是带频谱的，应该是黑黑封装的代码，可以加歌词的，要是有歌词就更好了
我都忘记是从哪个贴里找来的代码了{:4_173:}很好很好它又回到娘家了{:4_205:}，嗯 歌词同步好看，我偷懒就这样发了，有点浪费了这么好的代码呢！{:4_173:}

清茶煮雪 发表于 2025-4-25 21:31

红影 发表于 2025-4-25 21:07
制作很漂亮，画面漂亮，视频也用得好。
欣赏菲儿好帖

谢谢影儿的赞{:4_204:}祝周末愉快，天天好心情！{:4_204:}

红影 发表于 2025-4-25 21:52

菲儿 发表于 2025-4-25 21:26
我都忘记是从哪个贴里找来的代码了很好很好它又回到娘家了，嗯 歌词同步好看，我偷懒 ...

找歌词或者做歌词都不难呢{:4_187:}

红影 发表于 2025-4-25 21:52

菲儿 发表于 2025-4-25 21:31
谢谢影儿的赞祝周末愉快，天天好心情！

谢谢菲儿的美好祝福，一起快乐{:4_179:}

幸运草 发表于 2025-4-25 22:53

明媚滴制作，真好看吖{:6_228:}

樵歌 发表于 2025-4-26 08:12

大家抓紧，春天还有十几天就结束啦，赶紧拽住她的尾巴别让跑了{:4_189:}

樵歌 发表于 2025-4-26 08:14

一直看不明白，那小菇凉手里拿的是啥子{:4_189:}

清茶煮雪 发表于 2025-4-26 20:48

红影 发表于 2025-4-25 21:52
找歌词或者做歌词都不难呢

这首歌曲旋律好听 但歌词不是很好，也就没去歌曲同步了{:4_173:}

清茶煮雪 发表于 2025-4-26 20:49

幸运草 发表于 2025-4-25 22:53
明媚滴制作，真好看吖

谢谢{:4_180:}

清茶煮雪 发表于 2025-4-26 20:50

樵歌 发表于 2025-4-26 08:12
大家抓紧，春天还有十几天就结束啦，赶紧拽住她的尾巴别让跑了
是吗？抓紧吧{:4_189:} 过了春天夏天就来了

清茶煮雪 发表于 2025-4-26 20:51

樵歌 发表于 2025-4-26 08:14
一直看不明白，那小菇凉手里拿的是啥子

这你都看见了，你想叫她拿啥 她就拿啥{:4_170:}

樵歌 发表于 2025-4-26 21:16

菲儿 发表于 2025-4-26 20:50
是吗？抓紧吧 过了春天夏天就来了

夏天在门口了，迎接吧。{:4_190:}它会给予那会儿火热

樵歌 发表于 2025-4-26 21:17

菲儿 发表于 2025-4-26 20:51
这你都看见了，你想叫她拿啥 她就拿啥

我想她拿五粮液来{:4_189:}

姚云裳 发表于 2025-4-26 22:20

这图做得好看，欣赏并学习

红影 发表于 2025-4-26 23:34

菲儿 发表于 2025-4-26 20:48
这首歌曲旋律好听 但歌词不是很好，也就没去歌曲同步了

原来是这原因啊{:4_173:}

清茶煮雪 发表于 2025-4-27 10:22

樵歌 发表于 2025-4-26 21:17
我想她拿五粮液来

笑岔气{:5_117:}，五粮液是不是该帅哥拿 比如樵歌你{:4_173:}下次做个樵歌代言图

查看完整版本: 【菲儿单图】相约春光