红影 发表于 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（继续学习黑黑示波响应频谱）