I built a React Native OTT video player with debugging tools (open core + pro)
Source: Dev.to
I’ve been working with React Native video for a while, and I kept running into the same problems:
- Hard to debug streaming issues
- No built‑in support for subtitles or quality switching
- Building custom controls takes too much time
Most libraries solve playback, but not the full streaming experience.
So I built MamoPlayer.
What is MamoPlayer?
MamoPlayer is a React Native video player designed for OTT‑style apps. It comes in two parts:
Core (free)
- Custom timeline
- Playback controls
- Gestures (double‑tap seek)
- Auto‑hide controls
Pro
- Quality selection (HLS)
- Subtitles & multi‑language audio
- Ads (pre/mid/post roll)
- Thumbnail previews while scrubbing
- PiP (Picture‑in‑Picture)
- Debug overlay for real‑time playback insights
Why I built it
The biggest issue for me wasn’t playback — it was debugging and UX. I wanted:
- Better visibility into playback state
- Easier handling of tracks (quality, audio, subtitles)
- A modern OTT‑style UI without rebuilding everything
Links
- Docs:
- npm (Core):
Feedback
If you’re working on video in React Native, I’d really appreciate your feedback. What’s missing? What would you need to adopt something like this?