ブラウザベースの処理

オンラインカメラレコーダー

カメラとマイクからビデオを録画します。一時停止、カメラの切り替え、プレビューのミラーリング、録画をアップロードせずにローカルにダウンロードできます。

アップロードなしこのブラウザではサポートされているビデオ録画形式が検出されませんでした。一時停止してプレビューする

ライブプレビュー

いつでも準備完了

ブラウザは起動時にカメラとマイクの許可を求めます。

録画を開始するとカメラのプレビューが表示されます

Duration

Camera
記録フォーマット0

オプションは、このブラウザの実際の MediaRecorder サポートによってフィルタリングされます。

サポートされている形式

Record video in the format your browser supports

The recorder detects supported MediaRecorder MIME types instead of guessing. WebM is common in Chromium and Firefox, while MP4 availability varies by browser. You can always use the local MediaBunny conversion after recording.

WebM · VP8 / VP9 + Opus

A browser-friendly recording format with good quality and a small file size. It is commonly available in Chrome, Edge, and Firefox.

MP4 · H.264 + AAC

The most widely compatible choice for phones, editing software, presentations, and sharing. Availability depends on the current browser.

ローカル変換

If the browser records WebM, convert the result to MP4 or WebM with MediaBunny in a Web Worker. The conversion does not upload the recording.

How to record a video online

A simple camera workflow with local preview, pause, download, and optional conversion.

  1. 01

    カメラとマイクへのアクセスを許可する

    Click Start recording and approve the browser permission prompt. Camera recording requires HTTPS or localhost.

  2. 02

    Choose your recording settings

    Pick the front or rear camera, resolution, microphone audio, and whether the live preview should be mirrored.

  3. 03

    Record, pause, and finish

    Pause and resume without creating separate clips. When you finish, the recording is assembled locally in this browser tab.

  4. 04

    プレビューとダウンロード

    Preview the result, download the browser-native file, or convert it locally to MP4 or WebM for wider compatibility.

一般的な使用例

A webcam recorder for quick, private video capture

Record a useful clip when opening a full video editor would slow you down. The browser handles the capture and keeps the workflow focused.

Webcam messages and introductions

Record a short face-to-camera message, greeting, demo, or personal update without installing desktop software.

Tutorials and course clips

Capture a presenter or talking-head lesson, pause between sections, then download the finished clip for editing or sharing.

Product and team updates

Make quick product walkthroughs, release notes, stand-up updates, and async video messages directly in a browser tab.

Phone and tablet recording

Use the front or rear camera when the device exposes both cameras to the browser. Choose a lower resolution when storage or bandwidth is limited.

Privacy-first camera recording

The browser asks for camera and microphone permission only when you start. The live stream is attached to the local preview, the recording is kept as a browser Blob, and optional conversion runs in a local Worker. Nothing is uploaded by this page. Stop the recording or close the tab to release the device stream; download anything you want to keep before closing.

アップロードなしLocal previewWorker conversion

FAQ

よくある質問

Is my camera recording uploaded?

No. The camera stream, recording Blob, preview, and MediaBunny conversion stay in this browser tab. The page does not send the recording to a server.

Which video formats can I record?

The page checks MediaRecorder.isTypeSupported() in your browser before showing an option. Most Chromium and Firefox browsers offer WebM; Safari and some Chromium versions may offer MP4. The actual list is shown in the settings panel.

Why is MP4 not available in my browser?

MP4 recording depends on the browser and operating system exposing a compatible H.264/AAC MediaRecorder implementation. You can record WebM first, then use the local MP4 conversion option after recording.

Does it work on a phone or tablet?

Yes, when the mobile browser supports getUserMedia and MediaRecorder. Use HTTPS, allow camera access, and choose 480p or 720p if the device has limited storage or processing power.

How can I get a smaller recording?

Choose 480p or 720p instead of 1080p, keep clips short, and convert or compress the result after recording. Lower resolution usually reduces both file size and CPU usage.

What does MediaBunny do here?

MediaBunny runs the optional format conversion in a Web Worker and uses browser media capabilities. It replaces the need to load a large FFmpeg runtime for this camera-recording workflow; other tools that need FFmpeg keep their own fallback.

関連ツールとガイド