借助mediabunny纯JS实现视频水印、剪裁、合成等功能
mediabunny是一个基于WebCodecs API封装的前端媒体处理工具包，能够实现视频格式转换、压缩、水印添加、剪裁与音视频合成等功能。文章通过三个具体案例展示了其核心实现：首先，利用Conversion.init解码视频每一帧并绘制在OffscreenCanvas上，将水印图片与画面重新合成，从而实现水印叠加；其次，通过设置trim参数的起止时间，对视频进行首尾片段剪裁；最后，通过创建CanvasSource和AudioBufferSource分别添加视频与音频轨道，并逐帧绘制画面与拼接音频，完成多轨媒体的合成输出。该工具包简化了传统依赖原生WebCodecs API的复杂流程，使得纯前端进行多样化的视频处理操作成为可能，适用于内容创作、格式适配等多种应用场景。