红影 发表于 2023-8-29 20:59

Sailing(继续学习黑黑示波响应频谱)


<style>
#papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 640px; background:blue; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#vid { position: absolute; width: 100%; height: 100%; object-fit: cover; pointer-events: none; z-index: -1; opacity: 1; }
</style>

<div id="papa">
<video id="vid" src="https://video-js.51miz.com/preview/video/00/00/15/46/V-154690-D22FFAA2.mp4" autoplay="" loop="" muted="" bd_landing_video_statistic_record_key="1"></video>
</div>
<audio id="aud" crossorigin="anonymous" src="https://yinyue1111.s3-us-east-1.ossfiles.com/Sailing.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: `                              
                              top: 20px;
                              color: snow;
                              --bg: linear-gradient(rgba(138,53,0,.15),rgba(138,53,0,.45));
                        `,
                        player_css: `
                              bottom: 8%;                           
                              --ww: 800px;
                        `,
                        pinpu: { size: 1, gap: 1, color1: 'rgba(255,85,0,.5)', color2: 'rgba(255, 248, 245,.8)'},
        fs_css: 'bottom: 2%; --color: #eee; --bg: rgba(255,85,0,.2);', /* 全屏按钮 */
                });
      };
})();
setInterval( () => { aud.paused ? vid.pause() : vid.play(); },100);
</script>

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

偶尔发现这个曲子,唯一会唱的英文歌。既然上传了,就赶紧再做个帖子{:4_173:}

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

用视频做背景太容易了点,都不用去找图图了,做起来也特别快呢。
这个频谱真漂亮,谢谢黑黑的代码{:4_187:}

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

几乎什么都不用操心,就调了一下颜色,跟背景相协调就完了,原来做帖子也可以这么轻松的,真好{:4_173:}

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

红影 发表于 2023-8-29 21:03
几乎什么都不用操心,就调了一下颜色,跟背景相协调就完了,原来做帖子也可以这么轻松的,真好

高手做个帖子,好像挺容易的,随手拈来!学习了!{:4_187:}

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

这是真小号{:4_170:}

焱鑫磊 发表于 2023-8-29 22:07

好!赞!{:4_187:}

红影 发表于 2023-8-29 22:19

亦是金 发表于 2023-8-29 21:22
高手做个帖子,好像挺容易的,随手拈来!学习了!

的确挺容易,这个用了个视频,连图都不用找了{:4_173:}

红影 发表于 2023-8-29 22:20

马黑黑 发表于 2023-8-29 21:59
这是真小号

其实,好像静态图好点,更突出频谱呢{:4_173:}

红影 发表于 2023-8-29 22:20

焱鑫磊 发表于 2023-8-29 22:07
好!赞!

谢谢焱鑫磊鼓励,晚上好{:4_187:}

马黑黑 发表于 2023-8-29 22:39

红影 发表于 2023-8-29 22:20
其实,好像静态图好点,更突出频谱呢

这是无所谓的

红影 发表于 2023-8-29 22:51

马黑黑 发表于 2023-8-29 22:39
这是无所谓的

嗯嗯,这个也算个实验,便于比较了{:4_173:}

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

红影 发表于 2023-8-29 22:51
嗯嗯,这个也算个实验,便于比较了

{:4_190:}

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

不错,欣赏佳作

红影 发表于 2023-8-30 09:51

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


问好黑黑,上午好{:4_187:}

红影 发表于 2023-8-30 09:51

山里人 发表于 2023-8-30 08:20
不错,欣赏佳作

谢谢鼓励,上午好{:4_187:}

小辣椒 发表于 2023-8-30 11:14

亲爱的,越来越速度了,一天二个了{:4_199:}

小辣椒 发表于 2023-8-30 11:15

而且个个精彩,优秀学生非你莫属{:4_189:}

马黑黑 发表于 2023-8-30 11:59

红影 发表于 2023-8-30 09:51
问好黑黑,上午好

中午好

红影 发表于 2023-8-30 14:21

小辣椒 发表于 2023-8-30 11:14
亲爱的,越来越速度了,一天二个了

是黑黑的插件使用起来方便呢{:4_173:}
页: [1] 2 3
查看完整版本: Sailing(继续学习黑黑示波响应频谱)