视频画面裁剪(浏览器端)
在浏览器端裁剪视频画面并导出裁剪后的视频。你可以输入裁剪框位置与大小进行导出。
还没有选择视频
裁剪设置(以像素为单位)
提示:输入裁剪框时请确保不超出视频原始分辨率。
使用说明与步骤
- 点击“选择视频文件”并选择一个本地视频,页面会显示原始预览与分辨率信息。
- 在“裁剪设置”中输入左上角坐标
x、y,以及裁剪区域的宽度和高度(像素)。 - 确认设置后,点击 开始裁剪 开始导出。裁剪过程中可在进度条查看当前进度,或点击 停止 终止操作。
- 裁剪完成后,点击 下载 获取导出的视频文件(默认格式为 WebM)。
方法说明
该工具在浏览器端使用隐藏的 canvas 绘制并通过 canvas.captureStream() 与 MediaRecorder 录制裁剪后的视频,同时尝试将原视频音轨合并进输出流。
注意事项
- 请确保裁剪区域不超出原始分辨率,否则会被自动修正。
- 导出格式与浏览器支持有关,推荐使用现代 Chromium 内核浏览器以获得最佳兼容性。
- 若视频包含受保护内容或浏览器禁用了相关 API,则可能无法正常导出音频或视频。