
**产品主要功能描述**: 1. **3D交互式地球**:用户可以通过旋转和缩放来查看全球的3D地球模型。 2. **全球实时电台**:地球上的每个绿点代表一个真实在线的网络广播电台,如Shoutcast或Icecast。 3. **音频播放与控制**:用户可以点击地球上的任意点来播放、暂停或切换到该地区的广播。 **技术栈描述**: * Three.js:用于创建3D地球模型、标注点和光晕效果。 * Web Audio API:用于播放音频流、控制音量和处理跨域问题。 * 自建数据层:收集并存储全球约8000多个公开电台的数据。 * 前端框架:使用Vue和Vite构建用户界面。 * 坐标转换:将地理坐标转换为三维空间向量以便在地球上显示。 **遇到的问题及建议**: 1. **性能问题**:大量静态点加上少数动态高亮点导致低端设备帧率下降。建议探索“大量静态点 + 少数动态高亮点”场景的最佳实践。 2. **音频流的CORS和混合内容问题**:由于音频流是HTTP的,而网站是HTTPS,浏览器会阻止它。建议使用更轻量的CORS代理方案或自行搭建代理服务器,并估算相关成本。 3. **数据更新问题**:电台经常失效,需要半手工检测和脚本定期运行。建议寻找更稳定的全球公开电台API来减轻维护负担。 **未来计划添加的功能**: * 用户自定义导入电台:允许用户粘贴流地址并自动推算经纬度。 * “随机漫游”模式:每30秒自动跳转到另一个随机电台。 * 录音片段分享:允许用户录制15秒广播并生成分享链接。 **请求协助的事项**: * 在不同设备上测试网站性能,特别是手机和老笔记本。 * 如果知道本地或小众地区的网络电台流地址,请提供相关信息以便批量添加。 * 对于上述技术问题,希望得到有经验的网友的帮助和建议。