建站纪事 / V1.3.1/2026 · 09 · 28/4 分钟阅读
让电台跟着音乐起伏
电台加入上一首、随机下一首和三种播放模式;均衡器读取真实音频频谱,声波圈随低音扩散。
Field RadioWeb AudioPlayback
01
让声音驱动画面
此前均衡器柱和背景光环只按固定动画循环,与歌曲无关。现在播放器用 Web Audio API 分析本站直接播放的音频:频谱区间驱动均衡器柱高度,低频能量推动声波圈扩散。采样只在电台页面需要动效时开启,高频数据更新也不会触发 React 重绘。
暂停时柱形回落、声波停止扩散;系统开启减少动态效果时,两种动效保持静止。外部平台播放的曲目不经过本站播放器,因此不参与分析。
02
切歌与循环有了明确语义
控制顺序调整为上一首、播放/暂停、下一首。上一首回到实际听过的曲目;随机模式下下一首避开当前曲目,列表循环按曲库顺序前进。单曲循环在播放结束后重播当前歌曲,另外两种模式则按顺序或随机方式续播。播放模式保存在当前浏览器。
黑胶唱片去掉了中心白点,让封面保持完整;电台页标语换成“让旋律,接住此刻”。