Remotion Recorder 是一个完全使用 JavaScript 构建的视频制作工具。

录制

在同步但独立地录制您的面部摄像头和屏幕。这样可以让您稍后创建动态布局。

录制网络摄像头并显示为单独的流。最多可以同时录制 4 个源！	确保您在视频中央，并且不要离麦克风太近。

不同平台需要不同格式

每个平台都有自己的视频外观规范。

		WIP
Twitter, LinkedIn 1:1 Muted by default Captions burned in	YouTube 16:9 Audio by default Captions as .srt file Endcard with related videos	TikTok, Reels, Shorts 计划中 9:16 底部需要安全空间 逐字字幕

录制器的目标：编辑一次，在每个平台上都感觉本地化。

字幕至关重要

使用Whisper.cpp在本地生成字幕。录制器将自动为您安装它。
AI会犯错 - 所以我们让纠正它们变得容易。

字幕具有单词级时间

通过平衡文本布局来避免孤立单词

使用反引号来突出技术术语

点击单词快速修复字幕

编写JavaScript函数以修复常见拼写错误

字幕存储为可编辑的JSON

## 通用的结尾画面
您的观众观看了整个视频！现在不要让他们忘记您。
<div style={{overflowX: 'auto', WebkitOverflowScrolling: 'touch', }}>
<table style={{ width: 950, tableLayout: "fixed" }}>
  <tr>
    <td valign="top" style={{ width: 950 / 2 }}>
      <p align="center" style={{ marginTop: 0, marginBottom: 0 }}>
        <img
          style={{ borderRadius: 5, height: 250 }}
          src="/recorder/endcard-square.png"
          autoPlay
          muted
          playsInline
          loop
        ></img>
      </p>
      如果您在 Twitter 上发布，请使用“关注”作为呼吁行动，并链接到您的其他平台。
    </td>
    <td valign="top" style={{ width: 950 / 2 }}>
      <img
        style={{ width: 950 / 2, borderRadius: 5 }}
        src="/recorder/endcard-youtube.png"
        autoPlay
        muted
        playsInline
        loop
      ></img>
      <br />
      如果您在 YouTube 上发布，请使用“订阅”作为呼吁行动，并制作相关视频的剪辑。
    </td>
  </tr>
</table>
</div>
结尾画面使用 React 和 CSS 编写，因此可以轻松定制。
## 自定义
通过访问整个源代码，您可以使用 CSS 来自定义 Recorder 的外观。
<div style={{ overflowX: "auto", WebkitOverflowScrolling: "touch" }}>
  <table style={{ tableLayout: "fixed", width: 950 }}>
    <tr style={{ borderTop: 0 }}>
      <td valign="top" style={{ width: 950 / 3 }}>
        <img style={{ borderRadius: 5 }} src="/recorder/theme-light.png"></img>
        内置浅色主题的外观
      </td>
      <td valign="top" style={{ width: 950 / 3 }}>
        <img style={{ borderRadius: 5 }} src="/recorder/theme-dark.png"></img>
        <br />
        内置深色主题的外观
      </td>
      <td valign="top" style={{ width: 950 / 3 }}>
        <img style={{ borderRadius: 5 }} src="/recorder/theme-fancy.png"></img>
        <br />
        使用 CSS 定制成您自己的风格！
      </td>
    </tr>
  </table>
</div>
Recorder 使用 TypeScript 和 React 构建，您可以完全自定义其行为。
这是一个可修改的视频编辑器。
## 静音去除 
自动删除您的录音开始和结束处的静音。
## 音乐 
为您的视频添加背景音乐，并在不同部分之间自动淡入淡出。  
包含三首独家音轨，您可以在视频中使用。
## 布局 
无论您只录制自己的面部摄像头，还是同时录制显示屏，录制器总是能找到最理想的布局 - 即使您混合了横向和纵向视频。
## 过渡 
在场景之间启用干净的过渡 - 无论您在视频中是否更改布局。
## 章节 
将一个场景标记为新章节的开始，并自动生成动画章节。
## B-Roll 
在您的面部摄像头或显示屏上添加图像和视频，同时播放配音，以使视频更具深度。
## 导出 
以对编码选项有很大控制的方式导出您的视频。  
通过单击按钮、CLI、Node.JS API、GitHub Actions，甚至在AWS Lambda上渲染视频！
## 自定义 
Remotion Recorder附带源代码。  
如果您了解TypeScript和React知识，可以根据自己的喜好进行定制。
---
<sup id="tiktok-format">1)</sup> 尚未实现9:16格式。

## 通用的结尾画面
您的观众观看了整个视频！现在不要让他们忘记您。
<div style={{overflowX: 'auto', WebkitOverflowScrolling: 'touch', }}>
<table style={{ width: 950, tableLayout: "fixed" }}>
  <tr>
    <td valign="top" style={{ width: 950 / 2 }}>
      <p align="center" style={{ marginTop: 0, marginBottom: 0 }}>
        <img
          style={{ borderRadius: 5, height: 250 }}
          src="/recorder/endcard-square.png"
          autoPlay
          muted
          playsInline
          loop
        ></img>
      </p>
      如果您在 Twitter 上发布，请使用“关注”作为呼吁行动，并链接到您的其他平台。
    </td>
    <td valign="top" style={{ width: 950 / 2 }}>
      <img
        style={{ width: 950 / 2, borderRadius: 5 }}
        src="/recorder/endcard-youtube.png"
        autoPlay
        muted
        playsInline
        loop
      ></img>
      <br />
      如果您在 YouTube 上发布，请使用“订阅”作为呼吁行动，并制作相关视频的剪辑。
    </td>
  </tr>
</table>
</div>
结尾画面使用 React 和 CSS 编写，因此可以轻松定制。
## 自定义
通过访问整个源代码，您可以使用 CSS 来自定义 Recorder 的外观。
<div style={{ overflowX: "auto", WebkitOverflowScrolling: "touch" }}>
  <table style={{ tableLayout: "fixed", width: 950 }}>
    <tr style={{ borderTop: 0 }}>
      <td valign="top" style={{ width: 950 / 3 }}>
        <img style={{ borderRadius: 5 }} src="/recorder/theme-light.png"></img>
        内置浅色主题的外观
      </td>
      <td valign="top" style={{ width: 950 / 3 }}>
        <img style={{ borderRadius: 5 }} src="/recorder/theme-dark.png"></img>
        <br />
        内置深色主题的外观
      </td>
      <td valign="top" style={{ width: 950 / 3 }}>
        <img style={{ borderRadius: 5 }} src="/recorder/theme-fancy.png"></img>
        <br />
        使用 CSS 定制成您自己的风格！
      </td>
    </tr>
  </table>
</div>
Recorder 使用 TypeScript 和 React 构建，您可以完全自定义其行为。
这是一个可修改的视频编辑器。
## 静音去除 
自动删除您的录音开始和结束处的静音。
## 音乐 
为您的视频添加背景音乐，并在不同部分之间自动淡入淡出。  
包含三首独家音轨，您可以在视频中使用。
## 布局 
无论您只录制自己的面部摄像头，还是同时录制显示屏，录制器总是能找到最理想的布局 - 即使您混合了横向和纵向视频。
## 过渡 
在场景之间启用干净的过渡 - 无论您在视频中是否更改布局。
## 章节 
将一个场景标记为新章节的开始，并自动生成动画章节。
## B-Roll 
在您的面部摄像头或显示屏上添加图像和视频，同时播放配音，以使视频更具深度。
## 导出 
以对编码选项有很大控制的方式导出您的视频。  
通过单击按钮、CLI、Node.JS API、GitHub Actions，甚至在AWS Lambda上渲染视频！
## 自定义 
Remotion Recorder附带源代码。  
如果您了解TypeScript和React知识，可以根据自己的喜好进行定制。
---
<sup id="tiktok-format">1)</sup> 尚未实现9:16格式。