核心框架: Electron
前端: TypeScript + React
后端: Node.js
视频处理: ffmpeg
GPU加速: GPU.js

import { OpenScreen } from 'openscreen';

const recorder = new OpenScreen({
  fps: 30,
  audio: {
    system: true,
    microphone: true
  }
});

// 开始录制
await recorder.start();

// 执行自动化操作
await recorder.focusWindow('terminal');
await recorder.type('npm run build');
await recorder.delay(2000);

// 停止并导出
await recorder.stop({
  format: 'mp4',
  output: './demo.mp4'
});

# 使用Homebrew安装
brew install openscreen

# 或下载DMG包
# 访问 https://github.com/siddharthvaddem/openscreen/releases

# 使用Scoop安装
scoop bucket add extras
scoop install openscreen

# 或下载MSI安装包
# 访问 https://github.com/siddharthvaddem/openscreen/releases

# 使用Snap安装
sudo snap install openscreen

# 或使用AppImage
wget https://github.com/siddharthvaddem/openscreen/releases/latest/openscreen.AppImage
chmod +x openscreen.AppImage
./openscreen.AppImage

interface OpenScreenOptions {
  fps?: number;           // 录制帧率，默认30
  quality?: 'low' | 'medium' | 'high';
  audio?: {
    system?: boolean;    // 是否录制系统音频
    microphone?: boolean; // 是否录制麦克风
  };
  video?: {
    format?: 'mp4' | 'webm' | 'gif';
    codec?: 'h264' | 'vp9';
  };
}

class OpenScreen {
  constructor(options: OpenScreenOptions);
  
  start(): Promise<void>;
  pause(): Promise<void>;
  resume(): Promise<void>;
  stop(): Promise<string>; // 返回输出文件路径
  addAnnotation(type: AnnotationType, options: AnnotationOptions): void;
}

// my-plugin.ts
import { Plugin } from 'openscreen';

export default class MyPlugin implements Plugin {
  name = 'my-plugin';
  
  onInit(app: OpenScreenApp) {
    // 注册自定义命令
    app.registerCommand('highlight', this.highlight.bind(this));
  }
  
  async highlight() {
    // 实现高亮功能
  }
}

// 在配置中启用插件
// openscreen.config.ts
export default {
  plugins: [
    require('./my-plugin')
  ]
};

# .github/workflows/demo.yml
name: Generate Demo

on:
  push:
    branches: [main]

jobs:
  demo:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      
      - name: Install openscreen
        run: npm install -g openscreen-cli
      
      - name: Record demo
        run: |
          openscreen record \
            --fps 30 \
            --output demo.mp4 \
            --script ./scripts/demo-sequence.txt
      
      - name: Upload artifact
        uses: actions/upload-artifact@v3
        with:
          name: demo
          path: demo.mp4

# 批量生成多个demo
#!/bin/bash
for project in project1 project2 project3; do
  openscreen record \
    --project $project \
    --output ./demos/$project.mp4 \
    --fps 30 \
    --format mp4
done