打开网页就能用的免费录屏工具 —— 屏幕 + 摄像头人像同框，所见即所得，纯前端零上传。 一个 HTML 文件就是完整产品：无需安装、无需注册、无后端、不收集任何数据。
🌐 在线使用：irrelix.com
English TL;DR: irrelix is a free, single-file, browser-based screen recorder for creators — screen + webcam overlay composited in real time (WYSIWYG), beauty filters, green screen, teleprompter, multiple aspect ratios (16:9 / 9:16 / 1:1 …), exports mp4/webm. 100% client-side: no install, no signup, no backend, nothing ever uploaded. The entire product is one self-contained HTML file (screencap/index.html). License: MIT.
- 🖥️ 屏幕 + 📷 人像同框录制 —— 摄像头头像实时叠在画面上，录制时看到什么，成片就是什么（所见即所得，不需要后期）
- 🎨 摄像头美颜 —— 自然 / 美白 / 精修三档，另有绿幕抠像、镜像翻转、圆形/方形头像、铺满模式
- 📐 多画幅・不裁切 —— 16:9 / 4:3 / 3:4 / 9:16 / 1:1 / 21:9 / 自定义，整个画面完整缩放进所选画幅（不够处留边，内容零丢失），横竖屏一次选好，适配抖音、视频号、B站、YouTube
- 📃 内置提词器 —— 半透明悬浮提词，字号可调，录口播不用背稿（提词器不会被录进视频）
- 🖊️ 白板模式 —— 白纸上边讲边画：画笔、平滑曲线（一笔拟合）、文本（6 种字体）、橡皮、撤销，左侧图形面板含三角形/菱形/梯形/五角星/坐标轴等数学常用图形，讲课、画示意图、录知识类视频专用
- ⏯️ 暂停 / 继续 / 重录 —— 录错了随时重来
- 📦 导出 mp4（浏览器支持时，否则 webm），录完直接下载
- 🔒 隐私即架构 —— 纯前端实现，没有服务器、没有上传、没有账号、没有统计。你的屏幕画面和摄像头数据从头到尾只在你自己的浏览器里
- 📄 单文件分发 —— 整个产品就是一个 HTML 文件，页面里还有「下载 index.html」按钮：把它下载到本地双击打开，断网也能用
方式一（推荐）：打开 irrelix.com → 选画幅 → 授权屏幕和摄像头 → 开始录制。
方式二（本地离线用）：下载本仓库的 screencap/index.html，用 Chrome / Edge 直接打开即可。无需任何依赖。
浏览器要求：Chrome / Edge 等 Chromium 内核浏览器（需要
getDisplayMedia屏幕捕获 API）。
对想做类似工具、或想拆模块复用的开发者，这个单文件里有几块值得参考：
| 模块 | 实现思路 |
|---|---|
| 屏幕+人像实时合成 | getDisplayMedia（屏幕）+ getUserMedia（摄像头）两路流 → Canvas 逐帧合成 → captureStream 出录制流，所见即所得 |
| 录制与导出 | MediaRecorder，优先探测 video/mp4 mimeType，不支持则回退 webm |
| 摄像头美颜 | Canvas 滤镜链（亮度/对比度/饱和度/磨皮），无 AI 模型、无 GPU 依赖，任何机器都跑得动 |
| 绿幕抠像 | 逐像素色键（chroma key），纯 Canvas 实现 |
| 提词器 | DOM 悬浮层，不进合成 Canvas，所以不会被录进视频 |
| 单文件形态 | HTML + CSS + JS 全部内联，零构建、零依赖、零部署，发一个文件就是发一个版本 |
screencap/index.html ← 主产品：单文件录屏工具（irrelix.com 线上运行的就是这份）
src/ ← 旧版「录一下」（Vite + 双轨录制 + 画布编辑器），已归档不再维护
docs/README-vue-legacy.md ← 旧版的说明文档
旧版走的是「录完再进画布编辑」路线，含 WebCodecs 导出 mp4、Document PiP 录制指示器等实现，对开发者仍有参考价值，见 docs/README-vue-legacy.md。
这个项目是 MIT 协议，欢迎整块或拆模块复用。几个现成的方向：
- 在线课程 / 网课录制工具 —— 把"屏幕"换成 PPT/白板页面，人像叠加和提词器直接复用，就是一个讲师录课工具
- 口播 / 自媒体录制台 —— 提词器 + 美颜 + 多画幅（9:16 抖音、16:9 B站）已经齐了，加个脚本管理就是口播工作台
- 产品演示 / SaaS onboarding 视频工具 —— 录产品操作 + 创始人头像讲解，给官网做 demo 视频
- 面试模拟 / 演讲练习工具 —— 摄像头 + 提词器 + 回放，帮用户练表达
- 数字人 / 虚拟形象录制 —— 把摄像头那一路换成数字人渲染流，合成管线不用动
- 在线客服 / 远程支持录屏 —— 客服录操作指引发给用户，单文件版可以直接内嵌进企业内网（无外部依赖）
- 任何"隐私敏感"的浏览器工具 —— "单文件 + 纯前端 + 零上传"这个形态本身就值得抄：处理病历、合同、财务数据的小工具都适合走这条路
拆模块的话：屏幕+人像 Canvas 实时合成管线、Canvas 美颜滤镜链、绿幕色键抠像、悬浮提词器（不入录制画面）、多画幅适配（整页缩放不裁切），每一块都能独立搬走（见上面技术要点表）。
MIT —— 随便用：个人、商业、修改、分发都可以，保留版权声明即可。
代码完全公开可审计 —— 这也是我们对「零上传、不收集数据」承诺的最有力证明。
录一下 (irrelix) · 给创作者的免费录屏工具 · irrelix.com