VPE 2.0 React Native の概要

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

Video Player Enhancement V2 React Native SDKの使用方法について説明します。デモアプリは GitHubで確認できます。

React Nativeコンポーネント

React Nativeアプリケーションでビデオファイル(m3u8、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が提供する主な機能は次の通りです。

1. React Nativeをサポート: React Native環境に最適化されたビデオプレイヤーを提供します。
2. NAVERクラウドプラットフォームに最適化: NAVERクラウドプラットフォームのすべてのメディアサービスと連携できます。
3. 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',
            }}
        />
    )
}