我用 React Native 构建了一个 OTT 视频播放器,配备调试工具(open core + pro)
发布: (2026年3月28日 GMT+8 08:45)
2 分钟阅读
原文: Dev.to
Source: Dev.to
我已经使用 React Native 视频一段时间了,但一直遇到同样的问题:
- 难以调试流媒体问题
- 没有内置字幕或画质切换支持
- 自定义控件耗时太多
大多数库只能解决播放本身,却无法提供完整的流媒体体验。
于是我创建了 MamoPlayer。
什么是 MamoPlayer?
MamoPlayer 是为 OTT 风格应用设计的 React Native 视频播放器。它分为两部分:
Core(免费)
- 自定义时间轴
- 播放控制
- 手势(双击快进/快退)
- 自动隐藏控制栏
Pro
- 画质选择(HLS)
- 字幕与多语言音轨
- 广告(前贴/中贴/后贴)
- 拖动时的缩略图预览
- 画中画(Picture‑in‑Picture)
- 调试覆盖层,实时提供播放信息
为什么要构建它
对我来说最大的问题不是播放本身,而是 调试和用户体验。我希望:
- 更清晰地看到播放状态
- 更方便地处理轨道(画质、音频、字幕)
- 拥有现代 OTT 风格的 UI,而无需从头重建
链接
- 文档:
- npm(Core):
反馈
如果你在 React Native 中使用视频,期待你的反馈。有什么功能缺失?需要哪些条件才能采纳这样的方案?