Audio & Video Examples

A custom player, a responsive YouTube embed, an audio visualizer

  1. 01: Custom Video Player

    Build your own controls with the media API — play/pause, seeking, volume, and mute wired to a <video> with no native controls.

  2. 02: Responsive YouTube Embed

    A privacy-friendly click-to-load facade that makes zero third-party requests until the user clicks Play, using youtube-nocookie.com.

  3. 03: Audio Visualizer

    Live frequency bars drawn on a <canvas> with the Web Audio API — AnalyserNode, getByteFrequencyData(), and a requestAnimationFrame loop with reduced-motion support.