Defines the canonical center-overlay glyph components used for play and unmute affordances across all video surfaces in the project — solid white icons with a legibility drop-shadow and no background disc. ## Key Components ### Types & Constants - **`VideoCenterBadgeSize`** — Union type `'sm' | 'md' | 'lg'` controlling icon pixel size (20 / 56 / 64px respectively) - **`SIZES`** — Size map: `sm` for gallery thumbnails, `md` for strip cards/unmute chip, `lg` for hero facades - **`GLYPH_SHADOW`** — Shared CSS `drop-shadow` filter applied to all glyphs for legibility over arbitrary video frames ### Exports - **`VideoPlayBadge`** — Decorative (`pointer-events-none`) play glyph rendered via `PlayFilledIcon`. Host surfaces own click activation; accent color applied externally via `group-hover:text-ods-accent` - **`VideoUnmuteGlyph`** — Muted-volume glyph rendered via `VolumeOffFilledIcon`. Used by ``'s unmute button; shares the same visual identity as `VideoPlayBadge` ## Usage Example ```typescript // Play badge on a video poster (e.g. VideoBiteCard)
{title}
// Unmute chip in FilePlayer // Small glyph for MediaCarousel thumbnails ``` **Consumers:** ``, ``, ``, ``. MuxPlayer's native center button is aligned to this glyph language via `styles/app-globals.css`.