Real WebCodecs Encode/Decode
Bandwidth & Resolution Simulator
Your webcam can look great on a local loop and still fall apart on a congested call. This runs your live feed through your browser's actual video encoder and decoder at a chosen bitrate — real codec artifacts, not a fake blur filter — so you can see what you'll actually look like before you lock in a resolution.
Presets
Simulated Connection
Preview
Source vs. Encoded
Readout
Codec Stats
Click "Start Simulator" and choose a connection preset above.
- Codec In Use:—
- Target Bitrate:—
- Achieved Bitrate:—
- Encoded Resolution:—
- Round-Trip Latency (encode+decode):—
- Frames Encoded / Dropped:—
Notes
Why this is a real encode, not a blur filter
The obvious way to fake this would be to apply a blur and call it "low bandwidth." That would be misleading, because bandwidth starvation does not look like blur. It looks like blocking, banding, smeared motion, and colour bleeding — artefacts specific to how video codecs discard information when they run out of bits.
So this tool runs your live feed through your browser's actual video encoder and decoder via the WebCodecs API at the bitrate you select, then shows you the decoded result. The artefacts you see are produced by the same class of codec a video call uses. Where a preset also lowers the resolution, the frame is genuinely downscaled before encoding rather than merely being displayed smaller.
Reading the result
What this can and cannot tell you
This shows how your image survives a given bitrate. It is not a speed test and does not measure your connection — a separate concern, and one your ISP or a dedicated speed test answers better. Nor does it replicate any specific platform's encoder settings, which are proprietary and change without notice.
What it is genuinely good for is a decision you actually control: whether to simplify a busy background, sit closer, or accept a lower resolution in exchange for a steadier picture. If your image holds together at 800 kbps, a hotel connection will not embarrass you. If it collapses below 4 Mbps, that is worth knowing before an important call rather than during one.
Benchmark Reference
The Six Preset Tiers
| Bitrate | Resolution | Frame rate | Roughly equivalent to |
|---|---|---|---|
| 10 Mbps | 1080p | 30 fps | Strong home broadband. |
| 4 Mbps | 720p | 30 fps | Comfortable typical broadband. |
| 1.5 Mbps | 720p | 24 fps | Adequate mobile hotspot / weaker Wi-Fi. |
| 800 kbps | 480p | 20 fps | Hotel or congested public Wi-Fi. |
| 300 kbps | 360p | 15 fps | Poor mobile connection. |
| 120 kbps | 240p | 12 fps | Very constrained, worst realistic case. |
These are this tool's own real encoder presets — click any one to see your own image at that exact bitrate.
Step-by-Step
How to Run the Test
- Click "Start" and allow camera access when prompted.
- Pick a preset or drag the bitrate slider to any custom value.
- Watch the decoded result — this is a genuine encode/decode round-trip, not a blur filter.
- Move and gesture normally to see how motion specifically affects each bitrate tier.
Common Questions