音视频处理(浏览器客户端)
真实难点:① 本地选视频在
video
播放并用
canvas
截帧;② 用
MediaRecorder + Canvas.captureStream
做客户端压缩/加水印导出;③ 大文件别传服务端转码(贵且慢);④ WebCodecs 是新一代方案但兼容性差。下面演示"选片→截帧→导出 GIF/PNG"。
播放
截当前帧
导出 3s 片段(WebM)
源视频
截帧结果(canvas)
选个视频试试