小辣椒 发表于 2023-8-29 20:27

任夏 - 如果你把我灌醉 (学习黑黑Lyria响应式频谱效果)


<style>
      #papa { margin: 150px 0 0 calc(50% - 781px); width: 1400px; height: 733px; background: url('https://pic.imgdb.cn/item/64eda499661c6c8e541990e5.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; }
      li-zi { position: absolute; top: 100%; box-shadow: 0 0 15px 0 lightgreen inset; border-radius: 50% 50% 25% 50%; transform: rotate(45deg); animation: fly var(--dur) var(--delay) infinite linear var(--state); }
      @keyframes fly { to { top: -100%; } }
</style>

<div id="papa"></div>
<audio id="aud" crossorigin="anonymous" src="https://aod.cos.tx.xmcdn.com/storages/a4fb-audiofreehighqps/F6/B6/GKwRIDoIgO36ACAAAAI12ZHe.mp3" autoplay></audio>

<script>
      
(function() {
      let script = document.createElement('script');
      script.src = 'https://638183.freep.cn/638183/web/api/xyosc_lrc.js';
      script.charset = 'utf-8';
      document.head.appendChild(script);
      let geci =[ ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];
      script.onload = () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: geci,
                        lrc_css: `
                              left: 55%;
                              top:100px;
                              color: AliceBlue;
                              --bg: linear-gradient(rgba(0,0,255,.15),rgba(0,0,255,.45));
                        `,
                        player_css: `
                              bottom: 6%;
                              left: 25%;
                              --ww: 700px;
                        `,
                        pinpu: { size: 2, gap: 1, color1: 'rgba(0,0,255,.5)', color2: 'Snow'},

                });
      };
      Array.from({length: 50}).forEach((item) => {
                item = document.createElement('li-zi');
                let size = 15 + Math.ceil(Math.random() * 20);
                item.style.cssText += `
                        --dur: ${20 + Math.random() * 10}s;
                        --delay: -${Math.random() * 20}s;
                        width: ${size}px;
                        height: ${size}px;
                        left: ${Math.random() * 100}%;
                        background: #${Math.random().toString(16).substr(-6)};
                `;
                papa.appendChild(item);
      });
})();

</script>

小辣椒 发表于 2023-8-29 20:28

中午看见,晚上吃完饭套用一个,感觉这个频谱也是特别的漂亮

醉美水芙蓉 发表于 2023-8-29 20:29

小辣椒 发表于 2023-8-29 20:29

@马黑黑
你速度也是太快了,晚上上来又一个光盘的频谱出来了,小辣椒继续等套用{:4_170:}

小辣椒 发表于 2023-8-29 20:30

感觉这个彩色小气球特别漂亮

梦油 发表于 2023-8-29 20:31

小辣椒朋友晚上好!你这幅图选得很有特色啊。

马黑黑 发表于 2023-8-29 20:44

小辣椒 发表于 2023-8-29 20:29
@马黑黑
你速度也是太快了,晚上上来又一个光盘的频谱出来了,小辣椒继续等套用

{:4_191:}

小辣椒 发表于 2023-8-29 20:52

醉美水芙蓉 发表于 2023-8-29 20:29
小辣椒速度的!这么快就做好了!

谢谢水芙蓉欣赏,这个是套用啊,很快的

小辣椒 发表于 2023-8-29 20:54

梦油 发表于 2023-8-29 20:31
小辣椒朋友晚上好!你这幅图选得很有特色啊。

谢谢梦油欣赏,这个图我网络搜索的,现成的图,套用黑黑代码,很快就可以完成了

小辣椒 发表于 2023-8-29 20:54

马黑黑 发表于 2023-8-29 20:44


谢谢黑黑分享教程,我先下了,明天见

马黑黑 发表于 2023-8-29 21:08

小辣椒 发表于 2023-8-29 20:54
谢谢黑黑分享教程,我先下了,明天见

88

红影 发表于 2023-8-29 21:10

这个制作色彩协调,意境和歌曲相符。亲爱的真棒{:4_199:}

东篱闲人 发表于 2023-8-29 21:10

谁要把师傅灌醉?{:5_115:}

红影 发表于 2023-8-29 21:11

这频谱跟沙滩相配觉得特别协调呢{:4_187:}

亦是金 发表于 2023-8-29 21:24

小辣椒 发表于 2023-8-29 20:28
中午看见,晚上吃完饭套用一个,感觉这个频谱也是特别的漂亮

问好小辣椒!欣赏美帖,学习了!{:4_187:}

焱鑫磊 发表于 2023-8-29 23:26

欣赏美贴!{:4_187:}

山里人 发表于 2023-8-30 08:18

频谱也是真的漂亮

梦油 发表于 2023-8-30 16:20

小辣椒 发表于 2023-8-29 20:54
谢谢梦油欣赏,这个图我网络搜索的,现成的图,套用黑黑代码,很快就可以完成了

你真聪明。

小辣椒 发表于 2023-8-30 22:16

红影 发表于 2023-8-29 21:10
这个制作色彩协调,意境和歌曲相符。亲爱的真棒

这个就是跨越音乐做起来更加快一点

小辣椒 发表于 2023-8-30 22:17

东篱闲人 发表于 2023-8-29 21:10
谁要把师傅灌醉?

哈哈~~老头小辣椒没有人可以灌醉的{:4_170:}
页: [1] 2 3 4
查看完整版本: 任夏 - 如果你把我灌醉 (学习黑黑Lyria响应式频谱效果)