前端工程师（AIGC）

职位描述

1. 核心编辑器开发（The Editor）：

- 主导AIGC视频编辑器的架构设计与开发，实现多轨道时间轴（Multi-track Timeline）、素材拖拽、缩放、裁剪等核心交互。

- 基于Canvas或DOM实现**分镜故事板（Storyboard）**的渲染，确保在几百个分镜卡片下的滚动与操作依然如丝般顺滑（60FPS）。

2. 多模态流式交互（Streaming Interaction）：

- 对接后端AI服务，利用SSE (Server-Sent Events) 或WebSocket处理AI生成的流式响应（逐字显示剧本、逐块加载图片、实时回传视频生成进度）。

- 解决大文件（高清视频/图片）的分片上传、断点续传及客户端缓存策略。

3. 音视频媒体处理：

- 研发基于Web的视频播放器，支持帧级预览、倍速播放及音画同步校验。

- 探索WebAssembly (Wasm) 技术在前端的应用，例如使用FFmpeg.wasm在浏览器端进行轻量级的视频转码或封面截取，减轻服务端压力。

4. 性能优化与架构治理：

- 针对复杂的应用状态（State Management），设计可维护的数据流架构（Redux/Zustand/MobX）。

- 解决内存泄漏问题，优化长列表渲染（虚拟滚动）和Canvas渲染性能。

任职要求

1. 基础硬实力：

- 本科及以上学历，5年以上前端开发经验，精通 React 生态

- TypeScript 专家，能够定义复杂的类型系统，确保大型项目的代码可维护性。

- 精通CSS3及现代布局方案（Flex/Grid），能高度还原UI设计师设计的“深色模式”及细腻的微交互动画。

2. 核心专项能力：

- 图形互动方向： 精通 HTML5 Canvas，熟练使用 Konva.js / Fabric.js / Pixi.js 等2D图形库，有开发过在线图片编辑器、思维导图或白板工具的经验。

- 音视频方向： 熟悉H5 Video API，了解MSE（Media Source Extensions）、HLS/DASH流媒体协议，使用过Video.js或Plyr进行深度定制。

3. 工程化能力：

- 熟练配置Webpack/Vite，具备前端工程化、组件库建设及自动化测试（Jest/Cypress）经验。

4. 加分项：

- 有类似竞品开发经验： 曾在剪映Web版、Canva、Figma、MasterGo、稿定设计或在线IDE产品团队任职。

- WebAssembly落地经验： 成功在生产环境中使用过Wasm模块（如FFmpeg.wasm, OpenCV.js）。

- Three.js/WebGL经验： 虽然主要是2D视频，但懂WebGL意味着他对性能渲染有极深的理解。

- Electron经验： 有能力在未来将Web端快速封装为桌面端客户端。