Caramel Webplayer: an open-source themed player on Video.js 10, with React wrappers (and our first outside PR just landed)
Hi everyone! I just published my first open-source library. Caramel Webplayer is a themed player built on Video.js 10 (@videojs/html custom elements) with thin React wrappers. Big thanks to the Video.js team, the engine underneath is what makes this possible.
What it adds on top:
- Skin with morphing Lucide icons
- Skip intro / recap / outro / sponsor segments
- Chapter list
- Playlist with resume
- Theming through --caramel-* CSS variables (light and dark)
- React wrappers are 'use client', elements register in the browser only, so the Next.js App Router stays SSR clean
I built it for my own site and then opened it up. Before I even announced it, we merged our first outside contribution (playlist resume thresholds, React props and tests, from a contributor who picked up a good first issue).
Demo: https://esershnr.github.io/caramel-webplayer/
Repo (MIT): https://github.com/esershnr/caramel-webplayer
It's still early, so I'd really appreciate feedback, issues and PRs. If it's useful to you, a star helps others find it.