ナレッジハブ・技術ガイド
ブラウザ内画面録画・Webカメラ同時キャプチャ
ブラウザ内画面録画・Webカメラ同時キャプチャ
本ツールは100%クライアントサイド（ブラウザ内）で動作します。写真、動画、音声、PDFファイルが外部サーバーにアップロードされることは一切なく、お使いの端末のメモリ内で安全に処理されます。
コアアーキテクチャ & 計算式
Video Blob = MediaRecorder( getUserMedia(Mic) + getDisplayMedia(Screen) )
The browser securely requests access to your screen buffer and audio input. The MediaRecorder API multiplexes these two distinct data streams in real time, encoding them into a highly compressed WebM format.
ベストプラクティスとガイドライン
- Record Specific Tabs for Privacy: Never record your entire 'Entire Screen' unless absolutely necessary. Recording a specific Chrome Tab ensures no embarrassing desktop notifications or private Slack messages accidentally appear in the video.
- Check Your Audio Source: The most common mistake in screen recording is capturing the microphone but forgetting to capture the 'System Audio'. If you are reacting to a YouTube video, ensure the system audio toggle is active.
- Manage Memory Limits: Because the recording is held entirely in your browser's local RAM until you click download, recording a massive 4 hour 4K gaming session will likely crash the tab. Download your files frequently.
よくある質問 (FAQ)
Why is the output format WebM instead of MP4?
WebM is the native open source video container optimized for the web (developed by Google). While MP4 requires proprietary licensing to encode natively, WebM is universally supported and highly efficient.
Does this tool have a watermark or time limit?
No. Because the processing uses your own computer's hardware via native browser APIs, there is no server cost to maintain. It is completely unlimited and watermark free.
Can websites tell if I am screen recording them?
Generally, no. The `getDisplayMedia` API operates at the OS/Browser level. Individual websites cannot easily detect if you are capturing the pixels being rendered on your monitor.