起航

马黑黑

马黑黑

帖子代码

1. <style>
   
2.         #papa { margin: 0 0 0 calc(50% - 593px); width: 1024px; height: 640px; background: url('https://638183.freep.cn/638183/t23/webp2/qihh.webp') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
   
3.         @keyframes move { from {left: 5%; } to { left: 50%; } }
   
4. </style>
   
5. 
   
6. <div id="papa"></div>
   
7. <audio id="aud" src="https://yinpin.s3-us-east-1.ossfiles.com/qihang.mp3" autoplay loop crossorigin="anonymous"></audio>
   
8. 
   
9. <script>
   
10.        
    
11. (function() {
    
12.         let script = document.createElement('script');
    
13.         script.src = 'https://638183.freep.cn/638183/web/api/xyppx_lrc.js';
    
14.         script.charset = 'utf-8';
    
15.         document.head.appendChild(script);
    
16.         let geci = [ [1,"歌手 - 变奏的梦想",3.2], [5,"起 航",2] ];
    
17.         script.onload = () => {
    
18.                 HCPlayer({
    
19.                         papa: '#papa',
    
20.                         lrcAr: geci,
    
21.                         lrc_css: `
    
22.                                 left: 30px;
    
23.                                 top: 20px;
    
24.                                 animation: move 10s infinite alternate var(--state);
    
25.                         `,
    
26.                         player_css: `
    
27.                                 --len: 3px;
    
28.                                 bottom: 100px;
    
29.                                 color: snow;
    
30.                         `,
    
31.                         pinpu_num: 90,
    
32.                 });
    
33.         };
    
34. })();
    
35. 
    
36. </script>
    

复制代码

马黑黑

音乐所在空间开放了跨域权限，免费试用3个月。本人将根据其稳定性和其他因素考虑是否购买。

红影

马黑黑 发表于 2023-8-24 20:21
音乐所在空间开放了跨域权限，免费试用3个月。本人将根据其稳定性和其他因素考虑是否购买。

这个空间挺快的，打开就听到了。

红影

又一个响应式频谱，文字还会来回移动呢，漂亮

马黑黑

红影 发表于 2023-8-24 20:42
这个空间挺快的，打开就听到了。

中间有没有停止的？我听一些网友评论说会有，如有，刷新一下便好。

马黑黑

红影 发表于 2023-8-24 20:44
又一个响应式频谱，文字还会来回移动呢，漂亮

你注意看插件的配置代码，就在那里插入了 animation 属性

红影

马黑黑 发表于 2023-8-24 20:59
中间有没有停止的？我听一些网友评论说会有，如有，刷新一下便好。

暂时没听到有停止的。

红影

马黑黑 发表于 2023-8-24 20:59
你注意看插件的配置代码，就在那里插入了 animation 属性

这个插件里也有相关的设置吧？

马黑黑

红影 发表于 2023-8-24 21:19
这个插件里也有相关的设置吧？

它和不是响应式的基本一样

马黑黑

红影 发表于 2023-8-24 21:16
暂时没听到有停止的。

那就好

红影

马黑黑 发表于 2023-8-24 22:05
它和不是响应式的基本一样

不过，让歌名在哪飘挺好，整个歌词的话，还是不飘的好

红影

马黑黑 发表于 2023-8-24 22:05
那就好

又多听了一会，仍然挺顺畅的。

马黑黑

红影 发表于 2023-8-24 22:16
又多听了一会，仍然挺顺畅的。

听过一次之后，只要没有清除缓存，都会顺畅

马黑黑

红影 发表于 2023-8-24 22:14
不过，让歌名在哪飘挺好，整个歌词的话，还是不飘的好

歌词也有动来动去的做法

红影

马黑黑 发表于 2023-8-24 22:57
听过一次之后，只要没有清除缓存，都会顺畅

哦，对的哦，我很少去清理。

红影

马黑黑 发表于 2023-8-24 22:58
歌词也有动来动去的做法

那样会来不及看歌词吧？

马黑黑

红影 发表于 2023-8-24 23:37
那样会来不及看歌词吧？

我也不知道

马黑黑

红影 发表于 2023-8-24 23:37
哦，对的哦，我很少去清理。

还是要适时清理