🎬 上传视频并选择片段

🎞️

点击选择，或把视频拖到这里

支持 MP4(H.264) / WebM / MOV 等浏览器可播放格式，单个最长 30 分钟

🎞️

上传视频后，在这里播放、标记起止点

导出是对选中片段实时重新录制编码，速度约为片段的 1:1（截 1 分钟大约需要 1 分钟），期间请保持页面在前台。

📊 导出格式说明：为什么得到的是 WebM

浏览器没有授权给网页直接输出 MP4(H.264) 的编码器，本工具用的是系统自带的实时录制能力，各格式情况如下。

输出格式	适用浏览器	兼容性	建议
WebM (VP9/Opus)	Chrome、Edge、Firefox 默认输出	主流播放器、B站/视频号后台、微信内均可播放；个别老版本系统相册不识别	网页分享、再上传平台首选
MP4	仅 Safari / 部分 iOS 环境可录制	兼容性最好	拿到后在任意设备直接放
必须要 MP4 怎么办	先用本工具截好片段导出 WebM，再用「视频转格式」或平台自带转码；着急发微信时，WebM 直接发也可被识别转码

🧭 码率怎么选

码率决定清晰度与体积，分辨率越高越需要高码率。

档位	码率	适合素材	体积参考（1 分钟）
小体积	2 Mbps	屏幕录制、PPT 讲解、动态少的视频	约 15 MB
均衡（默认）	4 Mbps	720p 实拍、短视频平台二压前	约 30 MB
高画质	8 Mbps	1080p 实拍、运动镜头、要存档再剪辑	约 60 MB

⚠️ 使用须知：本工具的截取方式是把选中片段按原分辨率实时重新录制并重新编码，不是无损剪切，因此①导出耗时约等于片段时长，②首尾可能存在 0.1 秒以内误差，③输出格式由浏览器决定（Chrome / Edge / Firefox 为 WebM，Safari 为 MP4）。
导出期间请保持本页面在前台，切到后台后浏览器会降速节流，可能造成卡顿或计时偏长；可随时点「取消导出」。
请仅截取你本人拥有权利的视频内容，未经授权截取传播他人作品可能构成侵权。
所有处理在你的浏览器本地完成，视频不会上传到任何服务器，刷新页面后源文件与结果即清除。

🎬

视频截取片段

视频处理完全免费 🌙 支持黑夜模式 🔒 纯前端，视频不上传 🎯 0.01 秒精度选点 ▶️ 截取前先预览 🎚️ 三档码率

"只要视频中间那 30 秒"、"开头废话切掉"、"把发布会第 5 分钟那段截出来发群里"——这类需求装剪辑软件太重，上传在线剪辑网站又怕原片泄露。
本工具的工作方式：
① 本地载入：通过浏览器的视频解码能力直接播放原片（因此要求源视频是当前浏览器能播的格式，最稳的是 MP4 + H.264）；
② 双滑块选点：时间轴上两个圆点分别是起点和终点，蓝色填充段即为保留区间，精度到 0.01 秒；播放到合适位置也可以一键"设为起点/终点"；
③ 先预览：点"预览选中片段"会从起点播放并在终点自动暂停，确认无误再导出；
④ 实时重编码：导出时用浏览器的 captureStream 捕获画面与声音，交给 MediaRecorder 边播边录，到终点自动停止——这是浏览器安全沙箱里唯一可行的本地裁剪方式，所以导出速度约为 1:1，且输出容器是浏览器支持的 WebM（Safari 为 MP4）；
⑤ 码率可选：2 / 4 / 8 Mbps 三档，屏幕录像用小体积，1080p 实拍用高画质；
⑥ 结果即录即看：右侧直接预览成片、显示分辨率与文件大小，满意再下载。
整个流程中视频文件不会上传到任何服务器。

类别视频处理

输入MP4 / WebM / MOV 等可播放格式

输出WebM（Safari 为 MP4）

时长限制单个 30 分钟以内

运行方式纯前端本地，不上传

核心特性

双滑块 0.01 秒级选点

播放位置一键标记起止

导出前预览整段

三档导出码率

原分辨率重编码

实时进度显示

可随时取消

视频不上传

实现原理

① 用 URL.createObjectURL 把本地文件挂到 video 元素，读取 duration / videoWidth / videoHeight；
② 两个 range 输入叠加在同一条时间轴上，取值后做最小 0.3 秒间隔的互相夹取，蓝色填充段按百分比定位；
③ 导出时 video.captureStream() 实时取出画面+声音轨道，用 MediaRecorder 按所选 MIME（优先 VP9+Opus 的 WebM，Safari 尝试 MP4）与码率录制；
④ video 跳到片段起点，seek 完成后同时 recorder.start() 与 video.play()，此时音轨才真正进入捕获流；
⑤ requestAnimationFrame 轮询 currentTime 计算进度，到达终点自动 recorder.stop()；
⑥ ondataavailable 收集分片，onstop 时合并为 Blob，生成下载链接，文件名自动加"_片段"后缀。

怎么用

第 1 步
点击上传区或把视频拖进来，建议用 MP4(H.264) 格式，兼容性最好。
第 2 步
在右侧播放器里正常播放，到想要的开头暂停，点「播放位置设为起点」。
第 3 步
继续播放到片段结尾暂停，点「播放位置设为终点」；也可以直接拖时间轴上的圆点微调。
第 4 步
点「预览选中片段」完整看一遍，确认没有多切或少切。
第 5 步
选好码率，点「导出选中片段」。录制约需与片段相同的时间，期间保持页面在前台。
第 6 步
进度到 100% 后在右侧预览成片，点「下载截取的片段」保存。

更新记录

v1.0 2026-10-10 工具正式上线：支持上传浏览器可播放视频（MP4 / WebM / MOV），双滑块时间轴以 0.01 秒精度选择起止点，支持播放位置一键标记、片段预览、三档码率（2 / 4 / 8 Mbps）导出，基于 captureStream + MediaRecorder 本地实时重编码，显示实时进度并可取消；结果页支持在线预览、分辨率/体积展示与一键下载。Chrome / Edge / Firefox 输出 WebM，Safari 输出 MP4。全程浏览器本地处理，视频不上传，适配白天 / 黑夜模式。

常见问题

为什么导出要等和视频一样长的时间？

因为浏览器没有给网页开放"直接复制视频某一段数据包"的能力（那样才是秒剪），安全沙箱内唯一可行的方式是把片段播放一遍、同步录制一遍，所以截 1 分钟大约要录 1 分钟。
好处是不挑容器、能顺便改码率，且全程不用上传。等不及可点「取消导出」。

为什么导出的是 WebM 不是 MP4？

Chrome / Edge / Firefox 内置的视频编码器是 VP8 / VP9，封装为 WebM；只有 Safari 开放了 MP4 录制，会自动输出 MP4。
WebM 在主流播放器、微信、B站/视频号后台都能正常播放或自动转码。如果接收方必须要 MP4，可先用本工具截短，再用转码工具转一次。

截出来的开头/结尾差了一点点怎么办？

实时录制首尾可能有 0.1 秒以内误差（来自关键帧与 seek 对齐）。两个办法：
① 选点时起点略往后 0.1 秒、终点略往前 0.1 秒，给误差留余量后重新导出；
② 对话类内容把起点卡在换气停顿处，误差完全听不出来。

导出时切到别的网页会怎样？

浏览器会把后台标签页降速甚至暂停播放，导致录制卡顿、画面停住或总时长变长。
导出期间请保持本页面在前台（可以把窗口放一边，不用置顶）；手机浏览器上建议保持屏幕常亮。页面检测到被切走时会弹提示。

为什么我的视频打不开/提示无法播放？

本工具依赖浏览器自身的解码能力。手机录屏、相机拍的 MP4(H.264+AAC) 基本都支持；
少数特殊编码（如部分监控设备的 H.265/HEVC、AV1 早期封装、MKV 容器）在 Chrome 上无法播放，也就无法截取。用系统播放器先转成标准 MP4 即可。

我的视频会被上传吗？

不会。视频只通过浏览器本地的对象地址播放和录制，不会上传到任何服务器，断网状态下也能完成截取；刷新页面后源文件与导出结果都会被清除。

💬 留言板 0

全部留言需审核通过后展示

💬

还没有留言，来抢沙发吧！