HEVC Player

HEVC container (.mov) video player with real-time SEI metadata extraction and display

Features

• SEI Metadata Extraction
  • Unregistered User Data (0x05): Frame-synchronized display
  • Timecode (0x88): Human-readable format (HH:MM:SS:FF)
• Container Metadata: View container-level metadata in console or export
• Export Functionality: Download all extracted SEI metadata as JSON
• Keyboard Shortcuts:
  • Space or K: Play/Pause
  • Arrow Left or J: Previous frame
  • Arrow Right or L: Next frame
• Video Playback: Native .mov file support with HEVC codec
• Frame-by-frame Navigation: Step through frames to inspect metadata
• Real-time Overlay: Optional metadata overlay during playback
• Zoom and Pan: Open a separate window to zoom and pan the video frame

Development Setup

Install Node.js 20+ and npm

1. Install nvm with curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/master/install.sh | bash
2. Install the latest version of node with nvm install node

Run locally

1. npm install to install dependencies in the project root directory
2. npm run dev to start the development server in the project root directory