Video Watermark · 2026

视频被搬运之前,先把你的名字压上去。

文字或 Logo 水印,九宫格定位,字号、颜色、透明度、出现时段都能调。可一次载入 8 个视频共用一套参数,逐个导出 webm。全程本地处理,片子不出你的电脑。

九宫格定位时段控制Logo 水印本地导出
水印设置LOCAL ONLY
未选择
正在检测浏览器录制能力…

视频与 Logo 均不上传服务器;导出为 webm,兼容性有限

水印预览

载入视频后可实时预览
💧 还没有载入视频 载入后这里会实时显示叠加水印后的画面
00:00 / 00:00

水印参数怎么调

六个参数,六种效果
半透明更耐看

不透明度 35%-55% 既能防盗图,又不至于把画面完全挡住

放在边角不动主体

右下角或左下角是通用位,避免压住人脸与产品

字号跟随画面

1080p 视频用 30-40px,4K 视频建议 50-70px

只在一段出现

设置出现时段,片头片尾加标识,中间不打扰观看

Logo 用透明 PNG

带白底的 JPG 贴上去会出现一个方块,先用图片工具抠掉背景

导出前先看一遍

webm 编码与源视频可能存在色差,正式发布前完整预览一次

导出格式与浏览器兼容性

先说清楚能做到什么,再动手
环境支持程度说明
Chrome / Edge(桌面)支持canvas.captureStream + MediaRecorder 完整可用,可带音轨
Firefox基本支持可录制 webm,部分版本音轨合并需要额外处理
Safari(macOS)受限MediaRecorder 支持较晚,可能只能截图不能录制
手机浏览器不推荐内存与编码能力有限,长视频容易中断
导出格式仅 webm浏览器原生编码器只输出 webm,不是 MP4,微信等平台可能不认

💧水印口径 预览级处理,不是无损重编码

预览级处理 浏览器实时绘制并录制,不是 ffmpeg 级别的重编码
导出为 webm 浏览器 MediaRecorder 的通用输出,兼容性有限
水印位置可九宫格 左上到右下共 9 个锚点,边距按画布 3% 自动计算
全程本地 视频与 Logo 都不上传,断开网络也能用

这个工具解决什么问题

发原创视频前加个标识,是成本最低的防盗方式。这个工具在浏览器里把文字或 Logo 叠到画面上,位置、字号、透明度、出现时段都能调,导出为 webm 预览片。它不是 ffmpeg,做不到 MP4 无损输出,但胜在文件不出本机。

动手前先接受这三个前提

  • 导出是 webm 不是 MP4:浏览器只能这样编码,需要 MP4 请再用转码工具处理一次。
  • 录制需要实时等待:视频多长,导出就要等多久,10 分钟视频就得录 10 分钟。
  • 长视频可能中断:录制占用内存,超过 10 分钟建议先裁剪再加水印。

六步加完水印

  1. 载入视频:可一次选多个,点列表切换;视频只在本地读取
  2. 填写水印文字:或上传透明 PNG Logo,二者可同时使用
  3. 调位置与样式:九宫格定位、字号、颜色、不透明度
  4. 设置出现时段:默认全程显示,也可以只在前 10 秒出现
  5. 预览确认:播放一遍,注意水印有没有挡住主体
  6. 导出 webm:录制完成后自动下载,同时可保存当前帧 PNG

小提示

导出依赖浏览器的 MediaRecorder。若按钮显示「当前浏览器不支持录制」,仍可调整水印并保存单帧 PNG,或换用桌面版 Chrome / Edge。文件全程不离开本机。

更新记录

  • v1 2026-11-01 首发上线:文字 / 图片水印、九宫格定位、时段控制、webm 导出与 PNG 快照

常见问题

导出的视频为什么是 webm?

浏览器的原生编码器只稳定输出 webm(VP8/VP9),无法直接生成 H.264 的 MP4。需要 MP4 时,把导出的 webm 再用站内视频转换工具处理一次即可。

加水印会损失画质吗?

会。浏览器录制是有损压缩,码率由浏览器决定。想要接近原画质,建议用 ffmpeg 或专业剪辑软件处理。

视频会上传吗?

不会。视频通过本地文件接口读取,绘制与录制都在浏览器内完成,没有网络上传。

为什么导出没有声音?

音轨来自 video.captureStream(),部分浏览器不支持合并。若导出后无声,请用剪辑软件再合成音轨。

能批量处理多个视频吗?

可以一次载入最多 8 个视频,共用同一套水印参数,逐个点击导出。浏览器不允许同时录制多条流,因此需要按顺序操作。

水印可以只出现几秒吗?

可以。设置开始与结束秒数,超出时段就不绘制水印,适合片头标识。

💬 留言板 0

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

还没有留言,来抢沙发吧!

✍️ 说点什么
0 / 500
图形验证码

数据更新:2026-11-01 · 本工具在浏览器本地绘制与录制,导出格式为 webm。