视频画面裁剪(浏览器端)

在浏览器端裁剪视频画面并导出裁剪后的视频。你可以输入裁剪框位置与大小进行导出。

还没有选择视频

裁剪设置(以像素为单位)

提示:输入裁剪框时请确保不超出视频原始分辨率。

使用说明与步骤

  1. 点击“选择视频文件”并选择一个本地视频,页面会显示原始预览与分辨率信息。
  2. 在“裁剪设置”中输入左上角坐标 xy,以及裁剪区域的 宽度高度(像素)。
  3. 确认设置后,点击 开始裁剪 开始导出。裁剪过程中可在进度条查看当前进度,或点击 停止 终止操作。
  4. 裁剪完成后,点击 下载 获取导出的视频文件(默认格式为 WebM)。

方法说明

该工具在浏览器端使用隐藏的 canvas 绘制并通过 canvas.captureStream()MediaRecorder 录制裁剪后的视频,同时尝试将原视频音轨合并进输出流。

注意事项

  • 请确保裁剪区域不超出原始分辨率,否则会被自动修正。
  • 导出格式与浏览器支持有关,推荐使用现代 Chromium 内核浏览器以获得最佳兼容性。
  • 若视频包含受保护内容或浏览器禁用了相关 API,则可能无法正常导出音频或视频。