吴锦皓 - 前端开发工程师

教育经历

专业技能

• 计算机基础：熟悉基础的数据结构与算法、计算机网络、操作系统等核心知识。

• 前端基础：熟练掌握 HTML5/CSS3/JavaScript(ES6+)/TypeScript，理解浏览器渲染原理、事件循环机制、原型链与闭包，熟悉 DOM/BOM API。

• 前端框架与工程化：熟练使用 Vue 3 + TypeScript 严格模式开发，熟悉 Vite 构建工具、模块化规范与前端性能优化。

• 跨平台开发：熟悉 Electron 桌面端开发（主进程/渲染进程架构、IPC 通信）、Capacitor 移动端开发，具备多端应用构建经验。

• 实时通信：熟悉 WebRTC、WebSocket 长连接设计，掌握音视频采集与传输技术。

• 服务端与部署：了解 Node.js/SSR 同构渲染、Docker 容器化、GitHub Actions CI/CD，具备全栈开发与自动化部署经验。

项目经历

• 基于 Electron + Vue 3 + mediasoup 构建的专注于算法竞赛直播推流客户端，实现选手端多路媒体采集与 WebRTC 推流，已服务于多场校内及企业算竞赛事。

• 媒体推流架构：基于 mediasoup 封装统一的推流层，通过 RTP 协商与 DTLS 安全握手建立传输通道，实现屏幕、摄像头、麦克风多路流并行推送，满足赛事直播多机位采集需求。

• 连接稳定性保障：基于 Socket.io 实现 WebSocket 断线自动重连，配合事件驱动的远程控制指令处理，确保选手端与导播端在网络波动时仍能保持状态同步。

• 设备管理与热更新：抽象三类采集源的统一接口，支持运行时切换分辨率与帧率，让选手可根据网络状况灵活调整推流参数。

• 弱网环境优化：设计 Simulcast 多档位联播架构，根据分辨率动态计算目标码率适配不同网络带宽，配合渐进延迟重连策略，确保赛场弱网环境下推流稳定。

• 实时录制与回放：采用分片录制 + FFmpeg 截取的架构，通过流式写入避免内存溢出，为导播端提供按时间段回看能力，支持赛事精彩瞬间即时回放。

• 跨平台构建与分发：设计 GitHub Actions 6 目标并行构建矩阵，通过腾讯云 COS 加速 + GitHub Release 双通道分发。

• 基于 Capacitor + Vue 3 + mediasoup 的分布式多机位采集应用，实现 iOS/Android 双平台原生摄像头采集与 WebRTC 推流，为算竞赛事直播提供灵活机位扩展能力。

• 跨平台移动端开发：基于 Capacitor 实现一套代码生成 iOS/Android 双平台原生应用，设计权限自动注入脚本在构建时完成相机/麦克风权限声明，消除手动配置步骤，显著提升开发效率。

• 移动端交互体验：适配 iOS/Android 安全区域与横竖屏双模式布局，视频预览层叠加 OSD 信息浮层实时展示采集参数，横屏模式折叠设置入口优化屏幕利用率。

• 基于 bwcx + Vue 3 + TypeORM 重构原 SDUTACM 官网，独立开发其新闻子界面，实现 SSR 服务端渲染并开发内容管理系统。

• SSR 服务端渲染：基于 asyncData 实现服务端数据预取；设计分类卡片布局与骨架屏占位提升加载体验，提升 SEO 与首屏渲染性能。

• 审计日志与版本控制：设计双表结构实现全量操作追溯与数据版本化，通过 JSON 深度对比生成变更摘要，支持任意版本回滚，满足内容管理的可追溯性需求。

• 大文件分片上传与 CDN 分发：采用 2MB 分片 + 流式合并上传云存储，通过分片索引追踪支持实时进度查询；上传完成后通过 CDN 加速分发媒体资源，显著提升访问速度。

• CI/CD 自动化部署：GitHub Actions 监听 main 分支推送，自动触发 Docker Buildx 构建镜像并推送至 Docker Hub；pnpm lockfile 锁定依赖版本确保构建一致性，实现代码合并即部署的持续交付流程。

校园经历

• 2023.09 - 至今 担任班长职务，多次获得校级优秀学生干部荣誉称号，获得过 2024 年校级二等奖学金与 2025 年校级三等奖学金

• 2024.10 - 至今 加入 SDUTACM 光锥实验室，为内部开发多款软件产品与服务器运维工作，并组织策划过多场算法竞赛以及周边产品设计，有浓厚的技术兴趣与一定的设计思路，具备良好的团队沟通能力

• 2025.06 - 至今 中共预备党员