我把视频字幕工具做进了浏览器里
内容提要
作者因给视频加字幕需用昂贵软件或上传在线工具，便自建纯浏览器运行的“字幕工作室”：拖入MP4即可在时间轴分段写字、调样式并预览，导出无水印带字幕视频。它用WebCodecs逐帧解码编码，mp4box解析、mp4-muxer封装，音频尽量直转。全程本地处理，视频不上传，状态存IndexedDB，适合桌面Chrome或Edge。
延伸解读
本地处理的隐私优势
文章强调字幕工作室全程在浏览器本地运行，视频不上传服务器。这避免了在线工具可能带来的隐私风险，尤其适合处理公司内部教程等敏感内容。同时，编辑状态和最近视频通过IndexedDB存储，下次打开可继续，但需注意缓存依赖浏览器配额，清空站点数据会丢失。
技术实现与性能挑战
导出环节是难点，工具利用WebCodecs的VideoDecoder和VideoEncoder逐帧处理，配合mp4box解析和mp4-muxer封装，音频尽量直转。但实际编码中需处理编码器延迟、队列背压、帧释放等问题，且不同浏览器对H.264支持有差异，长视频在内存和性能有限时稳定性面临考验。
适用场景与限制
该工具定位狭窄，专为给MP4添加字幕并烧录，适合桌面版Chrome或Edge。Safari和部分视频编码格式受平台能力约束，超大视频仍受设备内存和编码器限制。它不适合作为完整剪辑器，但能高效解决字幕添加这一具体需求，且无需注册、无水印。
Q&A
字幕工作室是什么？它主要能做什么？
字幕工作室是一个完全运行在浏览器里的视频字幕编辑和烧录工具。拖入本地MP4后，可以在时间轴上分段添加字幕、编辑文字和起止时间、调整样式，预览满意后直接导出带字幕的视频，无需注册、无后端、无水印。
为什么作者要自己开发一个字幕工具？
作者需要给公司录制的教程视频添加字幕，但找不到顺手的工具：要么需要登录注册，要么要上传字幕文件，或者得打开昂贵的剪辑软件、上传视频到在线网站并担心隐私。为了一个简单需求折腾半天后，决定自己动手做一个纯浏览器工具。
字幕工作室在导出视频时用了哪些技术？
导出时使用WebCodecs的VideoDecoder逐帧解码原视频，将画面和字幕一起绘制到画布上，再用VideoEncoder编码，最后交给mp4-muxer封装成新MP4。音频如果是AAC，就直接转封装进新文件，尽量避免重新处理。原视频解析则交给mp4box。
使用字幕工作室时，视频会上传到服务器吗？编辑状态如何保存？
不会上传。整个处理过程完全在本地进行，视频文件不会离开你的电脑。编辑状态和最近使用的视频通过IndexedDB保存在浏览器里，下次打开可以继续编辑。
字幕工作室有哪些使用限制或注意事项？
缓存依赖浏览器配额，清空站点数据会丢失编辑状态；超大视频受设备内存和编码器限制；目前最稳妥的环境是桌面版Chrome或Edge，Safari和部分视频编码格式会受到平台能力约束。
字幕工作室支持哪些字幕样式调整？
可以统一设置样式，也可以单独覆盖某一段。颜色、字号、透明度、位置和对齐方式都能调整。例如大部分字幕放底部，个别说明文字可以放顶部。
