WebCodecs Video Frame Reader - Online Decode & Display
Decode individual video frames from a local file using the VideoDecoder API. Step through frames. Cutting‑edge browser feature.
UD5 Toolkit
Instantly inspect video codec, bitrate, resolution, frame rate & more. 100% private — all processing happens locally in your browser.
or click to browse — supports MP4, WebM, MKV, MOV, AVI, M4V, FLV, 3GP
Files never leave your deviceDecode individual video frames from a local file using the VideoDecoder API. Step through frames. Cutting‑edge browser feature.
Drop an audio file and instantly see its duration in seconds and formatted time. Read metadata without full playback.
Drop an image that might have wrong extension and see its real format (JPEG, PNG, WebP) based on header bytes.
Convert video files between common formats using FFmpeg WASM. No upload required; all processing stays in your browser.
Enter width, height, format to approximate file size. Plan web performance. Simple model.
Detect your current screen resolution, viewport dimensions, and device pixel ratio. Useful for responsive design testing. No data collection.
Drop a PNG file and see all its chunks (IHDR, tEXt, etc.). Extract hidden text and color profiles. Pure JavaScript reader.
Open a test video in Picture‑in‑Picture mode. Control entering and leaving PiP. Copy the code snippet for your own app.
Predict the file size of an image based on pixel dimensions and format (JPEG, PNG, WebP). Rough estimate. Local.
Upload an image and see a slider comparison of different JPEG quality levels. Find the optimal file size vs. quality trade‑off.
Simulate reduced motion preference and test your animations. Copy the media query snippet. Keep your users safe.
Display your screen's current devicePixelRatio. See how it changes when you zoom. Useful for high‑res image decisions.
See how your title and meta description will be truncated in Google SERP by pixel width. Optimize click‑through.
Upload two images and see a diff overlay highlighting the pixel differences. Adjust tolerance. For regression testing.
Input dimensions and color depth to estimate uncompressed file size for BMP, PNG, JPEG. Planning tool.
Upload one image and see it encoded in AVIF, WebP, and JPEG XL side‑by‑side. Compare quality and file size in your browser.
Reduce GIF file size by lowering color count and removing duplicate frames. See side‑by‑side preview. All local.
Resize a video by cropping to a new aspect ratio or scaling up/down. Apply and download the result. Browser‑based.
Select a short video and convert it to an animated WebP image for faster web loading. Adjust quality and size. Local only.
Compare your image as JPEG, PNG, and WebP side by side at different quality levels. See the size savings visually.
Drag a virtual ruler across your screen to measure pixel distances. Horizontal and vertical guides. Useful for UI designers checking alignment.
Point your camera at an object and see the dominant color in real time. Click to copy the hex. Fun tool for designers.
Compare original and compressed image side‑by‑side with a slider. Choose format and quality level. Local processing.
See the current viewport width/height, document size, scrollbar width, and pixel ratio. Essential responsive data.
Enter the URL of any online image and extract its dominant colors or pick colors with a magnifier. No upload, cross‑origin friendly.
Quick reference of common shutter speeds and when to use them (freeze motion, long exposure). Static photographic guide.
An on‑screen ruler that measures in pixels, centimeters, and inches. Drag to resize. Handy for UI designers and developers.
Paste media queries and see a visual indicator of which rules apply at current viewport size.
Compress images while preserving quality. Adjust compression level and preview output size. All processing is done client-side for fast and secure optimization.
Drop a folder of images and convert all to the same format at once. Choose quality and download as ZIP. Local only.