DEV Community

Zülküf ADSIZ
Zülküf ADSIZ

Posted on

I built a React Native OTT video player with debugging tools (open core + pro)

I built a React Native OTT video player with debugging tools (open core + pro)

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
  • 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: https://mamoplayer.com
npm (Core): https://www.npmjs.com/package/@mamoplayer/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?

Top comments (0)