systems

Codec Explorer

Real-time image codec visualizer running C++ compression pipelines natively in the browser via WebAssembly.

2026active7 min read
Live Demo Source Code
C++ / WebAssembly

Project Snapshot

  • ImpactBuilt an interactive codec lab that makes transform-based compression internals observable in real time.
  • Tagsc++ · webassembly · image-processing · dct · quantization
  • CoreC++17 + CMake
  • RuntimeWebAssembly (Emscripten)
  • FrontendSvelte 5 + TypeScript

01. Overview

An interactive codec laboratory that visualizes block splitting, RGB to YCbCr transforms, DCT, quantization, reconstruction, and PSNR analysis. The core codec pipeline is implemented in C++ and compiled to WebAssembly for in-browser experimentation.