React Native OTT 비디오 플레이어를 디버깅 도구와 함께 구축했습니다 (open core + pro)

Source: Dev.to

저는 React Native 비디오를 오래 사용해 왔는데, 항상 같은 문제에 부딪혔습니다:

• 스트리밍 문제 디버깅이 어려움
• 자막이나 화질 전환을 위한 내장 지원이 없음
• 커스텀 컨트롤을 만드는 데 시간이 너무 많이 소요

대부분의 라이브러리는 재생 자체는 해결하지만, 전체 스트리밍 경험을 제공하지는 못합니다.

그래서 MamoPlayer를 만들었습니다.

MamoPlayer란?

MamoPlayer는 OTT 스타일 앱을 위해 설계된 React Native 비디오 플레이어입니다. 두 가지 파트로 구성됩니다:

Core (무료)

• 커스텀 타임라인
• 재생 컨트롤
• 제스처 (더블‑탭 시크)
• 자동 숨김 컨트롤

Pro

• 화질 선택 (HLS)
• 자막 및 다중 언어 오디오
• 광고 (프리/미드/포스트 롤)
• 스크러빙 시 썸네일 미리보기
• PiP (Picture‑in‑Picture)
• 실시간 재생 정보를 제공하는 디버그 오버레이

왜 만들었나요?

가장 큰 문제는 재생 자체가 아니라 디버깅과 UX였습니다. 저는 다음을 원했습니다:

• 재생 상태에 대한 가시성 향상
• 트랙(화질, 오디오, 자막) 관리 용이성
• 모든 것을 새로 만들 필요 없는 현대적인 OTT 스타일 UI

링크

• Docs:
• npm (Core):

피드백

React Native에서 비디오 작업을 하고 계시다면, 여러분의 피드백을 정말로 환영합니다. 무엇이 부족한가요? 이런 것을 채택하려면 어떤 점이 필요할까요?