Screen Recorder
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
- Select recording mode (camera/screen/both)
- Configure resolution, format, and audio settings
- Select camera and microphone to use (if multiple available)
- Click "Start Recording"
- First use requires granting screen and camera permissions
- Real-time preview during recording
- Can drag floating window to adjust position in camera + screen mode
- Click "Stop Recording" to end
- 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
