Screen Recorder

Camera + Screen
Camera Only
Screen Only
Settings
Overview
Generated by AI

Powerful online screen recording tool supporting screen, camera, or simultaneous recording of both. Provides multiple resolution and audio options, runs completely in browser, no software installation required.

Recording Modes

Camera + Screen

Simultaneously record screen content and camera footage, camera overlays as draggable circular floating window on screen. Suitable for online teaching, explanatory demonstrations, and other scenarios.

Camera Only

Record only camera footage, suitable for video logs, self-introductions, video messages, and other pure portrait content.

Screen Only

Record only screen content, suitable for software tutorials, game recordings, operation demonstrations, and other scenarios without人像.

Audio Configuration

Flexible audio options based on recording mode:

Microphone

Record microphone input sound, suitable for voice narration and commentary.

System Audio

Capture computer system audio playback, such as music and video audio. Screen-only recording mode available.

Microphone + System Audio

Simultaneously record microphone and system audio, achieving mixed narration and system sound. Screen-only recording mode available.

No Audio

Only record visuals, no sound recording.

Recording Settings

Resolution Options

  • 1280x720 (HD): High definition quality, smaller file size
  • 1920x1080 (Full HD): Full high definition, mainstream choice
  • 2560x1440 (2K): Ultra high definition, rich in detail
  • 3840x2160 (4K): Ultimate quality, larger file size

Output Format

  • MP4: Strong universality, good compatibility
  • WebM: Modern browser native support, high compression rate

If browser does not support MP4 encoding, tool automatically switches to WebM format with prompt.

Device Selection

When multiple audio or camera devices connected, can select specific input devices in settings.

Usage Steps

  1. Select recording mode (camera/screen/both)
  2. Configure resolution, format, and audio settings
  3. Select camera and microphone to use (if multiple available)
  4. Click "Start Recording"
  5. First use requires granting screen and camera permissions
  6. Real-time preview during recording
  7. Can drag floating window to adjust position in camera + screen mode
  8. Click "Stop Recording" to end
  9. Preview and download recorded video

Application Scenarios

  • Online course and educational video production
  • Software operation demonstration and tutorial recording
  • Game streaming and live recording
  • Video conference and remote collaboration records
  • Product demonstration and feature introduction
  • Technical support and issue feedback
  • Personal video blog creation

Usage Tips

Permission Settings

First use requires granting browser appropriate permissions, please click "Allow" in permission prompt.

Audio Testing

Recommend testing audio settings before recording to ensure sound records normally.

Performance Optimization

High-resolution recording consumes more system resources, can lower resolution if experiencing lag.

Floating Window Adjustment

In camera + screen mode, can drag camera floating window to suitable position anytime.

Privacy Protection

All recording completed locally in browser, video not uploaded to server.

Browser Selection

Recommend using modern browsers like Chrome, Edge, or Firefox.

Browser Compatibility

Tool implemented based on MediaRecorder API, recommend using:

  • Google Chrome 60+
  • Microsoft Edge 79+
  • Mozilla Firefox 65+
  • Safari 14.1+

Some features (such as system audio) availability varies by browser and operating system.

Notes

  • Recorded video saved in browser, can download anytime
  • Long recordings produce larger files, note storage space
  • System audio recording may be restricted on some browsers or systems
  • Please download recorded video before closing or refreshing page
Show more