Classic/VPC 환경에서 이용 가능합니다.
Video Player Enhancement V2 React Native SDK의 사용 방법을 설명합니다. 데모 앱은 GitHub에서 확인할 수 있습니다.
React Native 컴포넌트
React Native 애플리케이션에서 비디오 파일(m3u, mpd, mp4 등)을 스트리밍할 수 있습니다.
- Android용 ExoPlayer
- iOS, tvOS, visionOS용 AVPlayer
- Windows용 Windows UWP
- 자막(사이드 로딩) 지원
- DRM 콘텐츠 지원
- PiP(화면 속 화면) 지원
- SaaS 기반 UI 제어 및 커스텀 기능
- JSON 기반 layout-driven ControlBar 시스템 (PC/모바일/전체화면 × VOD/Live)
- IconOverrides 지원 (컨트롤 아이콘을 JSX, 이미지, 함수로 교체)
- 한국어, 영어, 일본어, 중국어 i18n 지원
주요 특징
VPE 2.0 React Native에서 제공하는 주요 기능은 다음과 같습니다.
- React Native 지원: React Native 환경에 최적화된 비디오 플레이어를 제공합니다.
- 네이버 클라우드 플랫폼 최적화: 네이버 클라우드 플랫폼의 모든 미디어 서비스와 연동할 수 있습니다.
- DRM 지원: DRM으로 보호된 콘텐츠를 재생할 수 있습니다.
언어 지원
디바이스 언어 설정에 따라 아래 언어를 지원합니다.
KO | EN (기본값) | JA | ZH
React Native Video 기반 비디오 플레이어
React Native Video 라이브러리 V6.x 기반으로 동작하며, react-native >= 0.68.2 환경이 필요합니다.
import { VpePlayer } from 'vpe-react-native';
const VideoPlayer = () => {
return (
<VpePlayer
accessKey={'VPE ACCESS KEY'}
platform={'pub'}
options={{
playlist: [
{
file: 'https://example.com/video/master.m3u8'
}
],
autostart: true,
muted: true,
aspectRatio: '16/9',
}}
/>
)
}