WebRTC Media Tester
Use this WebRTC tester to diagnose camera and microphone hardware. Verify stream resolution, troubleshoot media device failures, and capture diagnostic snapshots.
Related Utilities
The Reality of Hardware Abstraction in Your Browser
Why does your browser sometimes fail to initialize a camera that works perfectly in other applications? The answer usually lies in the permission lifecycle and the way the browser exposes hardware identifiers to the web. When you open a local camera feed, the browser doesn't just "turn on" the device; it initiates an abstraction layer that requests specific constraints from the OS. If your system has multiple audio or video inputs, the browser might default to the wrong one or hit a permission wall before it even begins the stream. This webrtc tester acts as a middleman, revealing exactly which devices your browser can see and helping you pinpoint where the handshake between the hardware and the web stack is failing.
Configuring Your Media Device Test Parameters
Before you start the stream, you need to align your settings with your specific testing requirements. The following parameters allow you to simulate different application environments, such as testing high-definition conferencing versus low-bandwidth streaming.
| Setting | Options | Effect on Output |
|---|---|---|
| Camera Device | Detected Input List | Selects the specific hardware source by ID. |
| Microphone Device | Detected Input List | Targets the specific audio capture hardware. |
| Resolution Preset | 360p, 480p, 720p, 1080p | Sets the pixel height and width constraints for the feed. |
| Aspect Ratio | 16:9, 4:3, 1:1, 4:5, 9:16 | Adjusts the frame dimensions to simulate specific UI layouts. |
| Mirror Mode | Enabled/Disabled | Flips the horizontal orientation of the preview feed. |
How the Media Stream Logic Analyzes Your Hardware
When you authorize devices, the browser performs a query to list all connected input sources. The logic then filters these by device type to populate your selection dropdowns. Once you hit the start button, the tool applies your chosen constraints—such as resolution and aspect ratio—to the stream request. If the camera doesn't support the requested resolution, the browser typically falls back to the closest available match, which is why checking your active track specs is necessary for verifying you are getting the quality you expect.
Step-by-Step Diagnostic Workflow for Your Devices
Authorize Hardware Access
Click the "Authorize Devices" button to trigger the browser permission prompt, allowing the tool to enumerate your connected microphones and cameras.
Select Input Sources
Choose your preferred hardware from the "Camera Device" and "Microphone Device" dropdowns to ensure you aren't testing a virtual camera or disconnected mic.
Define Stream Constraints
Use the resolution and aspect ratio selectors to match the requirements of your target application or production environment.
Initiate the Test Feed
Press "Start Test Feed" to instantiate the stream and view the live monitor output.
Validate Audio Levels
Observe the volume indicator to confirm that your microphone is capturing audio, which should register as a percentage of your input capacity.
Capture Diagnostic Snapshots
Use the "Take Snapshot" button to save visual evidence of the feed, which is useful for documenting artifacts or framing issues.
Debugging Local Stream Track Specifications
Once the feed is live, you can inspect the "Live Stream Track Specs" to see exactly what the browser is delivering. This section reveals the actual frame rate, width, and height being processed by the browser engine. If you requested a 1080p stream but the specs show 720p, it is a clear indicator that your hardware or system driver does not support the higher resolution, or the browser is prioritizing performance over your requested constraints.
Interpreting Your Microphone Input Levels
The audio analyzer works by connecting the microphone track to a frequency domain processor. It measures the amplitude of the audio signal at regular intervals, mapping the average intensity to a 0–100% scale. If your volume indicator remains at 0% despite the stream being active, you may need to check your operating system’s privacy settings or ensure the microphone is not being muted by a physical switch.
Why Mirror Mode Matters for Your Camera Test
Mirroring is often overlooked in a standard camera test, yet it is critical for ensuring your user experience matches expectations. When you enable mirror mode, the tool applies a horizontal flip transformation to the video display. This makes it easier to position yourself in the frame, as your movements on screen will align with your physical movements. Note that this is a display-only setting; the underlying data stream remains unchanged unless you choose to capture a snapshot while the mirror effect is active.
Managing Your Media Device Test Snapshots
The snapshot feature provides a way to verify image quality and framing over time. Each snapshot is rendered onto a local canvas, which allows you to inspect the raw output before it is encoded into a PNG file. You can download these files to compare how different lighting conditions or background configurations affect your video quality across multiple test runs.