该项目是 51Talk 核心教学产品的 Web 端实现,旨在为全球师生提供低延迟、高互动的在线教学环境。
技术架构: 基于 React 全家桶与 TypeScript 开发,集成 WebRTC 实现音视频通讯。
个人职责:
负责互动白板模块的开发,利用 Canvas 技术实现了多端同步的课件标注与实时轨迹渲染,在高频率交互下保持 60fps 的流畅度。
针对不同国家、不同分辨率的设备进行精细化适配,采用响应式布局与自适应缩放算法,确保在 iPad、笔记本及各种比例的显示器上均有完美的教学视野。
进行了深度的性能调优,通过动态组件加载与 Tree-shaking 优化,将首屏加载时间缩短了 35%。
建立了前端监控告警系统,实现了对教学过程中音视频卡顿与 JS 错误的实时追踪。