Getting started with React Native Player

Available in Classic and VPC

This page describes the video formats that can be streamed within the app and the supported players.

Note

To run the React Native SDK example, you must subscribe to the Standard pricing plan.
It is currently available in beta with ongoing feature monitoring.

Component for React Native

Stream video files (m3u, mpd, mp4, etc.) within React Native applications.

ExoPlayer for Android
AVPlayer for iOS, tvOS and visionOS
Windows UWP for Windows
Subtitles (side-loading)
DRM support
Picture-in-Picture (PIP)
SaaS-controlled UI and custom features

React Native Video-based player

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

const = VideoPlayer = ()=>{

return (

  <VpePlayer
             accessKey={'VPE ACCESS KEY'} //Access key matching the AppID
             platform={'pub'} //pub: Public, gov: Government
             options={{
                 playlist: [ //Playback source
                     {
                         file: 'https://m4qgahqg2249.edge.naverncp.com/hls/a4oif2oPHP-HlGGWOFm29A__/endpoint/sample/221027_NAVER_Cloud_intro_Long_ver_AVC_,FHD_2Pass_30fps,HD_2Pass_30fps,SD_2Pass_30fps,.mp4.smil/master.m3u8',
                     }
                 ],
                 autostart: true, //Whether to enable Autoplay
                 muted: true, //Whether to mute the audio
                 aspectRatio: '16/9', //Aspect ratio
           
             }}
     />
)

}