Player Demo App
React Native CLI용 VPE SDK 데모 앱으로 비디오 재생을 손쉽게!
데모 앱은 독립된 React Native CLI(bare) 프로젝트로 제공됩니다. 저장소를 클론한 뒤 아래 명령으로 실행합니다. (Expo Go 에서는 동작하지 않습니다.)
# 1. JS 의존성 설치
npm install
# 2. iOS CocoaPods 설치
bundle install # 최초 1회
npm run pods # = cd ios && bundle exec pod install
# 3. 실행
npm run ios # iOS
npm run android # Android주요 리소스
| 리소스 | 설명 |
|---|---|
| vpe-react-native-cli-demoapp | GitHub 데모 앱 저장소 (React Native CLI bare) |
| vpe-react-native-cli | npmjs 패키지 (정식 배포 완료, v2.2.1+) |
예제 코드 목록
UGC Player Demo
플레이어 UGC형 예제 코드
Player Source Demo
재생소스 설정 데모
Player Event Demo
플레이어에 대한 이벤트를 연동하는 예제 코드
Player Method Demo
플레이어를 제어하는 Method 예제 코드입니다.
FullScreen Demo
커스텀 풀스크린 / 모달 풀스크린 데모
ScreenRecordingPrevention
화면 녹화 및 스크린캡쳐를 방지하는 예제 코드입니다.
Picture in Picture Demo
PIP 및 Background Play 구현하는 예제 코드 입니다.
LLHLS Live Demo
LL HLS Live 예제 코드 입니다.
VTT Parse Demo
m3u8 VTT 자막 연동 예제 코드 입니다.
PallyCon DRM Demo
펠리컨 DRM을 재생하는 예제 코드입니다.
One Click Multi DRM Demo
Ncloud에서 제공하는 One Click Multi DRM 연동 예제 코드
Watermark Demo
텍스트 워터마크를 설정하는 데모
최초 공개일 Demo
최초 공개일을 설정하여 재생하는 데모
커스텀 버튼 Demo
커스텀 버튼을 추가하는 예제 코드입니다.
에러 화면 커스텀 Demo
에러 화면을 직접 커스텀하여 사용하는 예제 코드입니다.
플레이어 버튼 커스터마이징 Demo
기본 버튼의 디자인을 변경하는 예제 입니다.
기본 기능 오버라이드
기본 버튼의 기능을 직접 커스텀으로 변경하는 예제 입니다.