React Native 用プレイヤーを開始する

Prev Next

Classic/VPC環境で利用できます。

このページでは、アプリ内でストリーミング可能なビデオフォーマットとサポートするプレイヤーについて説明します。

参考
  • React Native SDKのユースケースを実行するには、Standard料金プランを利用する必要があります。
  • 現在ベータ版で提供しており、機能に対するモニタリングを実施中です。

React Native用コンポーネント

React Nativeアプリケーション内でビデオファイル(m3u、mpd、mp4など)をストリーミングできます。

  • Android用 ExoPlayer
  • iOS、tvOSおよび visionOS用 AVPlayer
  • Windows用 Windows UWP
  • 字幕(サイドロード)
  • DRMサポート
  • PiP(画面内の画面)
  • SaaSでコントロールされる UIとカスタム機能

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'} //AppIDと一致する Access Key
             platform={'pub'} //pub: 民間、gov: 公共
             options={{
                 playlist: [ //再生ソース
                     {
                         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, //自動再生の有無
                 muted: true, //ミュートの有無
                 aspectRatio: '16/9', //画面アスペクト比
           
             }}
     />
)

}