歌曲《光明》在线欣赏（演唱：谭艳）

llz123

醉美水芙蓉 发表于 2026-3-30 21:38
老师这个波形可以变小吗？

美芙蓉好，这个光圈是可以缩小或放大的，在源代码中找到这个代码

//  波形动画
    (function() {
        const canvas = document.getElementById('wave-canvas');
        const ctx = canvas.getContext('2d');
        const videoCircle = document.querySelector('.video-circle');
        let centerX = 650, centerY = 365;
        const MAX_RADIUS = 480;
        const START_RADIUS = MAX_RADIUS * 0.66;
这里的480数字就是控制光圈大小的，0.66是控制光圈散射的范围的，如果改为0，则从圆点散射。

llz123

klxf 发表于 2026-3-30 22:46
开心~恭喜llz123老师再创新作~

谢谢klxf，祝福开心快乐！

llz123

醉美水芙蓉 发表于 2026-3-30 22:46
老师这个播放器进度条不能定位，直接发代码论坛会变形，不知哪里出问题？ ...

美芙蓉好，这个代码如果直接发论坛，需要重写主容器样式结构的，我的代码都是内联结构，代码量比较多，不是很适合直接发论坛，我需要看你的源代码才能针对性查找原因。

醉美水芙蓉

llz123 发表于 2026-4-9 19:06
美芙蓉好，这个光圈是可以缩小或放大的，在源代码中找到这个代码

//  波形动画

谢谢老师详细解答！

醉美水芙蓉

llz123 发表于 2026-4-9 19:11
美芙蓉好，这个代码如果直接发论坛，需要重写主容器样式结构的，我的代码都是内联结构，代码量比较多，不 ...

谢谢老师百忙中回复！