红影 发表于 2023-8-27 10:49

《本末倒置》TO香染(学习黑黑最新响应频谱)

<style>
      #papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 600px; background: url('https://pic.imgdb.cn/item/64ea9bc5661c6c8e546889aa.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; border-radius:20px; }
      @keyframes move { from {left: 35%; } to { left: 40%; } }
</style>

<div id="papa"></div>
<audio id="aud" src="https://m10.music.126.net/20240827234012/09aad9a90e1272456ec871f324eb8231/ymusic/6f15/a31c/636f/c2fa40e54fab7c976202ca74b6f5ef2b.mp3" autoplay loop crossorigin="anonymous"></audio>
<script>
      
(function() {
      let script = document.createElement('script');
      script.src = 'https://638183.freep.cn/638183/web/api/xypp_lrc.js';
      script.charset = 'utf-8';
      document.head.appendChild(script);
      let geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
      script.onload = () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: geci,
                        lrc_css: `
                              left: 30px;
                              top: 20px;
                              animation: move 10s infinite alternate linear var(--state);
                                color: rgb(255, 253, 245);
                                -webkit-box-reflect: below 460px linear-gradient(to bottom, transparent, rgba(255,255,255,.3));
                              --bg: linear-gradient(rgba(255,187,0,.2),rgba(255,187,0,.75));
                        `,
                        player_css: `
                              bottom: 38%;
                              right: 6%;
                              --ww: 480px;
                              --color1:rgb(255, 218, 97);
                              --color2: rgb(97, 42, 0);
                              --track: #aaa;
                        `,
                        pinpu: { size: 5, gap: 2, radColor: 0},
                        fs_css: 'background: rgb(138, 106, 0); color: LightSteelBlue; top: 61%; left: 16%;',

                });
      };
})();

</script>

红影 发表于 2023-8-27 10:50

知道香宝最近忙,没法上来。不要紧,无论何时上来,一来就有礼物收也是不错的@香染{:4_204:}

红影 发表于 2023-8-27 10:53

黑黑说这个最新的播放器像木梳,呵呵。为了让歌词本末倒置,把播放器放到当中去了。颜色有些太仅仅接近了点,但是若用突出些的颜色感觉不太协调。
全屏按钮和播放器放文字两边,感觉也不错。谢谢@马黑黑代码{:4_187:}

红影 发表于 2023-8-27 10:55

现在去棱束链传歌觉得特别方便了,因为已经熟悉了{:4_173:}

小辣椒 发表于 2023-8-27 10:56

漂亮的制作,亲爱的选择的颜色特别相配,整体效果棒棒的{:4_199:}

小辣椒 发表于 2023-8-27 10:59

音乐没有听到,我换了浏览器上来了

小辣椒 发表于 2023-8-27 11:01

现在音乐很流畅了,亲爱的好制作,非常的漂亮,就喜欢同色系画面

梦油 发表于 2023-8-27 11:03

这水中的倒影做得真绝了!{:5_116:}

小辣椒 发表于 2023-8-27 11:05

啊~~香染美女忙完了啊,终于可以一起玩了,先来个么么哒@香染

马黑黑 发表于 2023-8-27 11:11

小辣椒 发表于 2023-8-27 10:59
音乐没有听到,我换了浏览器上来了

不知小辣椒常用的浏览器是什么

马黑黑 发表于 2023-8-27 11:13

红影 发表于 2023-8-27 10:53
黑黑说这个最新的播放器像木梳,呵呵。为了让歌词本末倒置,把播放器放到当中去了。颜色有些太仅仅接近了点 ...

配色还不错。整帖设计精妙独特,效果灵动中有一份沉静,给人以美的感受

小辣椒 发表于 2023-8-27 11:19

马黑黑 发表于 2023-8-27 11:11
不知小辣椒常用的浏览器是什么

黑黑我QQ浏览器听不到,去换了遨游浏览器可以听到了,系统浏览器不敢用,新安装的系统,现在感觉问题多多,不习惯

马黑黑 发表于 2023-8-27 11:46

小辣椒 发表于 2023-8-27 11:19
黑黑我QQ浏览器听不到,去换了遨游浏览器可以听到了,系统浏览器不敢用,新安装的系统,现在感觉问题多多 ...

不主张使用QQ浏览器。国内封装他人内核的浏览器,目前能够跟进内核更新的不多,百分浏览器是一个。其他的,QQ、搜狐等都很差劲,360强一些

红影 发表于 2023-8-27 13:26

小辣椒 发表于 2023-8-27 10:56
漂亮的制作,亲爱的选择的颜色特别相配,整体效果棒棒的

就是那个黑黑最新效果呢,黑黑帖子里的配色更漂亮。我这里面没去突出播放器效果{:4_173:}

红影 发表于 2023-8-27 13:27

小辣椒 发表于 2023-8-27 10:59
音乐没有听到,我换了浏览器上来了

我这个打开就能听到呢,棱束链那的速度还是挺不错的。

红影 发表于 2023-8-27 13:27

小辣椒 发表于 2023-8-27 11:01
现在音乐很流畅了,亲爱的好制作,非常的漂亮,就喜欢同色系画面

谢谢亲爱的的鼓励{:4_179:}

红影 发表于 2023-8-27 13:28

梦油 发表于 2023-8-27 11:03
这水中的倒影做得真绝了!

就歌词弄了个倒影,别的没有倒{:4_173:}

红影 发表于 2023-8-27 13:30

小辣椒 发表于 2023-8-27 11:05
啊~~香染美女忙完了啊,终于可以一起玩了,先来个么么哒@香染

还没有,她家里有事比较忙,等她忙好就可以一起玩了呢。拖她一起来学代码{:4_173:}

红影 发表于 2023-8-27 13:32

马黑黑 发表于 2023-8-27 11:13
配色还不错。整帖设计精妙独特,效果灵动中有一份沉静,给人以美的感受

谢谢黑黑,又用这个响应频谱做了个喜欢的歌儿,还是挺开心的。
现在自己上传了,我可以找一些自己熟悉和喜欢的歌来传了,不像以前找到什么算什么{:4_173:}

马黑黑 发表于 2023-8-27 14:13

红影 发表于 2023-8-27 13:32
谢谢黑黑,又用这个响应频谱做了个喜欢的歌儿,还是挺开心的。
现在自己上传了,我可以找一些自己熟悉和 ...

注意节制
页: [1] 2 3 4 5
查看完整版本: 《本末倒置》TO香染(学习黑黑最新响应频谱)