红影 发表于 2023-8-23 22:47

《闯天涯》（学习黑黑圆环正频谱插件）


<style>
#papa { margin: 0 0 0 calc(50% - 621px); width: 1080px; height: 641px; background: url('https://pic.imgdb.cn/item/64e609ba661c6c8e5430e148.jpg') no-repeat center/cover; box-shadow: 3px 3px 20px #000; display: grid; place-items: center; z-index: 1; position: relative; --state: running; overflow: hidden; }
#vid { position: absolute; width: 100%; height: 110%; top:-10%; object-fit: cover; pointer-events: none; mix-blend-mode: screen; z-index: 2; opacity: .95; }
#pic{ position: absolute; left: 80px; bottom: 20px; width: 300px; height: 252px; opacity: .35; }
#pic1{ position: absolute; right: 70px; bottom: 20px; width: 300px; height: 252px; opacity: .35; }
</style>

<div id="papa"><video id="vid" src="https://img.tukuppt.com/video_show/2475824/00/01/98/5b4f34900f2b9_10s_big.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
<img id="pic" src="https://pic.imgdb.cn/item/64e60cad661c6c8e5431c4a9.gif" alt="" />
<img id="pic1" src="https://pic.imgdb.cn/item/64e60cad661c6c8e5431c4a9.gif" alt="" />
</div>
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=1960474382.mp3" autoplay loop></audio>
<script>
(function() {
    let script = document.createElement('script');
    script.src = 'https://638183.freep.cn/638183/web/api/pinpuz_lrc.js';
    script.charset = 'utf-8';
    document.head.appendChild(script);
let geci = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
   script.onload = () => {
      HCPlayer({
        papa: '#papa', /* 宿主元素 */
        lrcAr: geci, /* 歌词 */
        lrc_css: `
                bottom: 28px; /* 位置 */
                color: snow; /* 歌词底色 */
                --bg: linear-gradient(rgba(247,0,255,.4),rgba(247,0,255,.7));/* 歌词同步颜色 */
        `,
        player_css: `
                top: 246px; left: 399px;/* 位置 */
                color: Pink; /* 文本颜色 */
                --len: 3px; /* 频谱条宽度 */
        `,
        pinpu_num: 40, /* 频谱数 */
        fs_css: 'left: -100px; top: 10px; --color: #eee; --bg: #333;', /* 全屏按钮 */
      });
   };
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>

红影 发表于 2023-8-23 22:48

发现黑黑的很多插件还没做过呢，正好今天回复不多，赶紧去学习了一个。
谢谢黑黑的代码@马黑黑{:4_187:}

红影 发表于 2023-8-23 22:49

这个做起来倒是没碰到什么问题，这个背景图里原本有个灯球，正好把这个频谱套上去了{:4_173:}

醉美水芙蓉 发表于 2023-8-23 23:01

红影 发表于 2023-8-23 23:10

醉美水芙蓉 发表于 2023-8-23 23:01
喜欢这样的舞台背景漂亮！

谢谢水芙蓉美女鼓励，黑黑的插件做帖子方便多了，忍不住又试做了个{:4_173:}

马黑黑 发表于 2023-8-24 07:43

这个评分后帖子重头运行。看样纸，(function() {/*代码块*/})(); 是少不了的。

马黑黑 发表于 2023-8-24 07:45

两个帅哥的舞姿，模拟闯天涯的态势。这与俺家猫咪的鬼步舞异曲同工。

红影 发表于 2023-8-24 10:25

马黑黑 发表于 2023-8-24 07:43
这个评分后帖子重头运行。看样纸，(function() {/*代码块*/})(); 是少不了的。

我本地只能看到帖子效果，没法知道评分效果呢。

红影 发表于 2023-8-24 10:35

马黑黑 发表于 2023-8-24 07:45
两个帅哥的舞姿，模拟闯天涯的态势。这与俺家猫咪的鬼步舞异曲同工。

哈哈，黑黑的那只幼猫这么大本事啊{:4_173:}

马黑黑 发表于 2023-8-24 12:26

红影 发表于 2023-8-24 10:25
我本地只能看到帖子效果，没法知道评分效果呢。

所以要有小号

马黑黑 发表于 2023-8-24 12:27

红影 发表于 2023-8-24 10:35
哈哈，黑黑的那只幼猫这么大本事啊

还不错

小辣椒 发表于 2023-8-24 12:42

亲爱的，有插件做起来会速度快一点吧

小辣椒 发表于 2023-8-24 12:43

我也是喜欢加插件的，可以秒做{:4_170:}

梦油 发表于 2023-8-24 13:07

两位年轻人的街舞很时尚啊。

红影 发表于 2023-8-24 16:14

马黑黑 发表于 2023-8-24 12:26
所以要有小号

哦，对的，测试的话还真的需要小号呢。

红影 发表于 2023-8-24 16:15

马黑黑 发表于 2023-8-24 12:27
还不错

从这话里看得出黑黑对它的宠溺，真好{:4_204:}

红影 发表于 2023-8-24 16:15

小辣椒 发表于 2023-8-24 12:42
亲爱的，有插件做起来会速度快一点吧

是啊，这就是插件的绝妙之处呢{:4_173:}

红影 发表于 2023-8-24 16:16

小辣椒 发表于 2023-8-24 12:43
我也是喜欢加插件的，可以秒做

黑黑弄了那么多插件，真是功德无量呢。

红影 发表于 2023-8-24 16:16

梦油 发表于 2023-8-24 13:07
两位年轻人的街舞很时尚啊。

那个是动图呢，想加的话还能加很多呢{:4_173:}

梦油 发表于 2023-8-24 16:41

红影 发表于 2023-8-24 16:16
那个是动图呢，想加的话还能加很多呢

这样很好，整个画面很协调，很热烈。加得太多了反而就显得有点乱。
页: [1] 2 3 4
查看完整版本: 《闯天涯》（学习黑黑圆环正频谱插件）