变奏的梦想 - 六朝霏雨

马黑黑

马黑黑

本帖测试响应式播放器插件 ：基于画布的示波+圆环频谱。资源是否长期稳定不确定，当下是可以使用的。以下是配置代码：

1. let script = document.createElement('script');
   
2.         script.src = 'https://638183.freep.cn/638183/web/api/osc_xypp_lrc.js';
   
3.         script.charset = 'utf-8';
   
4.         document.head.appendChild(script);
   
5.         let geci = [ [1,"六朝霏雨",3.2] ];
   
6. 
   
7.         script.onload = () => {
   
8.                 HCPlayer({
   
9.                                 papa: '#papa',
   
10.                                 lrcAr: geci,
    
11.                                 lrc_css: 'left: 30px; top: 20px; color: lightblue; --bg: linear-gradient(rgba(100,140,50,.15),rgba(100,140,50,.45));',
    
12.                                 player_css: 'bottom: -30px;',
    
13.                                 pinpu: {color: 'green', bg: '#ccc'},
    
14.                 });
    
15.         };

复制代码

若帖子出现异常，请移步：
http://mhh.52qingyin.cn/art/bsho ... &art=1692662640

红影

好漂亮的响应频谱，果真是完全响应的更好看更精准的音乐可见

红影

音乐好听，制作漂亮。欣赏黑黑好帖

马黑黑

红影 发表于 2023-8-22 10:00
好漂亮的响应频谱，果真是完全响应的更好看更精准的音乐可见

才发现头像可以浮于帖子之上。处理方法：

iframe 的 CSS 设定：

display: block;
position: relative;
z-index: 1;

马黑黑

红影 发表于 2023-8-22 10:00
音乐好听，制作漂亮。欣赏黑黑好帖

小辣椒

我好郁闷，我看不见频谱

红影

马黑黑 发表于 2023-8-22 12:53
才发现头像可以浮于帖子之上。处理方法：

iframe 的 CSS 设定：

嗯嗯，现在头像不会浮出来了呢。

红影

马黑黑 发表于 2023-8-22 12:54

这个还加了粒子雨滴，更漂亮了

马黑黑

小辣椒 发表于 2023-8-22 13:11
我好郁闷，我看不见频谱

火狐、Edge浏览器下通过。Chromium不行，这是浏览器安全策略问题所导致。

马黑黑

醉美水芙蓉 发表于 2023-8-22 17:03
欣赏学习老师新作品！

不知道能听到歌木有

马黑黑

醉美水芙蓉 发表于 2023-8-22 23:33
老师可以听到的！

这个屋舍空间还是有点怪。根据反馈，有些人听不到音乐、频谱也不动。