起航
<style>#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; }
@keyframes move { from {left: 5%; } to { left: 50%; } }
</style>
<div id="papa"></div>
<audio id="aud" src="https://yinpin.s3-us-east-1.ossfiles.com/qihang.mp3" autoplay loop crossorigin="anonymous"></audio>
<script>
(function() {
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/xyppx_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci = [ , ];
script.onload = () => {
HCPlayer({
papa: '#papa',
lrcAr: geci,
lrc_css: `
left: 30px;
top: 20px;
animation: move 10s infinite alternate var(--state);
`,
player_css: `
--len: 3px;
bottom: 100px;
color: snow;
`,
pinpu_num: 90,
});
};
})();
</script>
帖子代码
<style>
#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; }
@keyframes move { from {left: 5%; } to { left: 50%; } }
</style>
<div id="papa"></div>
<audio id="aud" src="https://yinpin.s3-us-east-1.ossfiles.com/qihang.mp3" autoplay loop crossorigin="anonymous"></audio>
<script>
(function() {
let script = document.createElement('script');
script.src = 'https://638183.freep.cn/638183/web/api/xyppx_lrc.js';
script.charset = 'utf-8';
document.head.appendChild(script);
let geci = [ , ];
script.onload = () => {
HCPlayer({
papa: '#papa',
lrcAr: geci,
lrc_css: `
left: 30px;
top: 20px;
animation: move 10s infinite alternate var(--state);
`,
player_css: `
--len: 3px;
bottom: 100px;
color: snow;
`,
pinpu_num: 90,
});
};
})();
</script>
音乐所在空间开放了跨域权限，免费试用3个月。本人将根据其稳定性和其他因素考虑是否购买。 马黑黑 发表于 2023-8-24 20:21
音乐所在空间开放了跨域权限，免费试用3个月。本人将根据其稳定性和其他因素考虑是否购买。
这个空间挺快的，打开就听到了。{:4_187:} 又一个响应式频谱，文字还会来回移动呢，漂亮{:4_199:} 红影 发表于 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
它和不是响应式的基本一样
不过，让歌名在哪飘挺好，整个歌词的话，还是不飘的好{:4_173:} 马黑黑 发表于 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
哦，对的哦，我很少去清理。
还是要适时清理