시작하기

Video Player Enhancement V2 React Native CLI(bare) SDK 사용법에 대하여 설명합니다.

이 가이드는 React Native CLI(bare) 워크플로우 전용 패키지(vpe-react-native-cli)를 다룹니다. Expo 관리형(managed) / Expo Go 환경은 지원하지 않습니다.

GitHub에서 데모 앱 보기

React Native용 컴포넌트

React Native 애플리케이션 내에서 비디오 파일(m3u8, mpd, mp4 등)을 스트리밍할 수 있습니다.

안드로이드용 ExoPlayer
iOS, tvOS 및 visionOS용 AVPlayer
자막(사이드 로딩)
DRM 지원
PiP(화면 속 화면)
SaaS로 컨트롤 되는 UI 및 커스텀 기능
JSON 기반 layout-driven ControlBar 시스템 (PC/모바일/전체화면 × VOD/Live)
IconOverrides — 모든 컨트롤 아이콘을 JSX/이미지/함수로 교체
한국어/영어/일본어/중국어 i18n 지원

주요 특징

특징	설명
React Native CLI(bare) 지원	React Native CLI 프로젝트용으로 만들어진 비디오 플레이어입니다.
NAVER CLOUD PLATFORM 최적화	Ncloud에 모든 미디어 상품에 최적화되어 있습니다.
DRM으로 보호된 콘텐츠	DRM으로 보호된 콘텐츠를 지원합니다.

언어 지원

디바이스 언어설정을 감지하여 아래 언어를 지원합니다. (기본 언어 EN)

KOENJAZH

React Native Video 기반 비디오 플레이어

React Native Video 라이브러리 V6.x 를 기반으로 서비스됩니다.
React Native CLI(bare) react-native >= 0.79 / React 19 환경을 권장합니다.

import { VpePlayer } from 'vpe-react-native-cli';

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',
            }}
        />
    )
}