我们以 $0.01/分钟 构建了视频录制 API。以下是实现它的技术。

Source: Dev.to

传统视频录制流程

1. 用户在浏览器中录制视频
2. 原始视频上传到服务器
3. 服务器转码为 MP4
4. 服务器存储文件

您需要为计算、带宽和存储付费。步骤 2‑4 成本高昂（转码服务器、出站流量费用、处理时间）。这就是像 Ziggeo 这样的服务收取 $0.026/分钟，其他许多服务收费更高的原因。

我们的方案：将工作转移到浏览器

我们不再将原始视频上传至服务器后再进行转码，而是让 SDK 使用 WebCodecs API 在用户浏览器中直接将视频转码为 H.264 MP4。

import { VidtreoRecorder } from '@vidtreo/recorder';

const recorder = new VidtreoRecorder({
  apiKey: 'your-api-key'
});

// Recording, transcoding, and upload are handled automatically.
recorder.start();

到达我们服务器的视频已经是正确编码的 MP4，因此 无需服务器端转码。

边缘处理

我们的 API 运行在 Cloudflare Workers 上——这些无服务器函数部署在全球 200 多个城市。每个请求都会在离用户最近的边缘节点处理，实现全球范围内低于 100 ms 的延迟。

存储与流出

视频文件存储在 Cloudflare R2，其存储费用为 $0.015 / GB，流出费用为 $0。相比之下，AWS S3 的流出费用为 $0.09 / GB。当用户观看或下载他们的录制内容时，我们不需要为带宽付费。

成本细目 (1‑分钟 HD, 720p)

架构差异是真实的。我们收取 $0.01/分钟；竞争对手收取 $0.026/分钟，因为他们的基础设施需要这样做。

功能概览

• SDKs：React、Vanilla JS、Web Components
• 质量：SD 到 4K（唯一在此价位提供 4K 的服务）
• 屏幕录制：捕获屏幕、摄像头或两者同时
• 内置 AI：自动转录和摘要，成本比 OpenAI 低 12 倍
• Webhooks：为你的流水线提供实时事件通知
• 兼容 S3 的存储：原生支持将视频发送到你自己的 S3 桶
• 免费层：每月 100 分钟，无需信用卡
• TypeScript：完整的类型安全，出色的开发者体验

React SDK 示例

import { useVidtreoRecorder } from '@vidtreo/recorder-react';

function VideoRecorder() {
  const { startRecording, stopRecording, isRecording } = useVidtreoRecorder({
    apiKey: 'your-api-key',
    quality: 'hd',
    onComplete: (video) => {
      console.log('Video URL:', video.url);
      console.log('Transcript:', video.transcript);
    }
  });

  return (
    
      {isRecording ? 'Stop' : 'Record'}
    
  );
}

Web 组件使用

生产经验

我们已经在与一家企业客户的生产环境中运行，每月处理数千分钟的音视频。该技术栈能够实现：

• 4K 录制，无掉帧
• 上传失败时自动重试（IndexedDB 持久化）
• 设备管理（录制过程中切换摄像头/麦克风）
• 实时进度指示器

路线图

• 多轨录制（相机 + 屏幕同步）
• 自定义录制 UI 组件
• Azure Blob Storage 和 Google Cloud Storage 集成

开始使用

• 网站:
• 文档:
• 安装 SDK: npm install @vidtreo/recorder

我是创始人——很乐意在评论中回答任何问题。如果您目前正在为视频录制基础设施付费，我很想了解您的设置和痛点。