Three.js 3D地球与全球实时电台-互动体验与技术交流平台

**产品主要功能描述**： 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秒广播并生成分享链接。 **请求协助的事项**： * 在不同设备上测试网站性能，特别是手机和老笔记本。 * 如果知道本地或小众地区的网络电台流地址，请提供相关信息以便批量添加。 * 对于上述技术问题，希望得到有经验的网友的帮助和建议。