Skip to content
DAVE WARMERDAM

WebPlayer

An embeddable media player that auto-detects links on any web page and makes them playable. One script tag.

What it does

WebPlayer scans any web page for media links — YouTube, Vimeo, Spotify, Bandcamp, SoundCloud, direct audio/video files, and playlist formats — and transforms them into a unified playable experience. Add one script tag and every media link on your page becomes playable.

Key features

  • Auto-detection of 10+ media platforms and formats
  • Built as Web Components — framework-agnostic
  • Unified playback controls with keyboard shortcuts
  • Playlist support (M3U, PLS, XSPF, JSON)
  • Dark and light theme support
  • Published as npm packages and CDN widget

Architecture

TypeScript monorepo with three packages: @webplayer/core (playback engines, playlist parsing, DOM scanning), @webplayer/ui (Web Components for controls and viewport), and @webplayer/webplayer (bundled all-in-one widget). Built with pnpm workspaces and Turborepo.