---
title: "Player Demo App"
slug: "vpe-player-demo-app"
updated: 2026-09-17T09:22:05Z
published: 2026-09-17T09:22:05Z
canonical: "guide.ncloud-docs.com/vpe-player-demo-app"
stale: true
---

> ## Documentation Index
> Fetch the complete documentation index at: https://guide.ncloud-docs.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Player Demo App

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

## Video Player Enhancement React Native SDK Demo App

React Native用 VPE SDKデモアプリでビデオ再生を簡単に使用できます。 ![vpe-playerdemoapp_view_ko.png](https://cdn.document360.io/6998976f-9d95-4df8-b847-d375892b92c2/Images/Documentation/vpe-playerdemoapp_view_ja.png?sv=2026-02-06&spr=https&st=2026-10-30T23%3A49%3A10Z&se=2026-10-31T00%3A49%3A10Z&sr=c&sp=r&sig=d8tRplxU03kYgW%2FX5ghdOgzA1d%2FT9kGvy6Nnez3LzgU%3D)

[VPE Player Demo App Githubに移動する](https://github.com/SGRsoft-Dev/vpe-react-native-demoapp) [Npmjs vpe-react-native](https://www.npmjs.com/package/vpe-react-native)

## サンプルコードリスト

| コード | 説明 |
| --- | --- |
| **UGC Player Demo** | プレイヤー UGC型のサンプルコード |
| **Player Source Demo** | 再生ソース設定デモ |
| **Player Event Demo** | プレイヤー関連のイベントを連携するサンプルコード |
| **Player Method Demo** | プレイヤーをコントロールする Methodのサンプルコード |
| **FullScreen Demo** | カスタムフルスクリーン / モーダルフルスクリーンデモ |
| **ScreenRecordingPrevention** | 画面録画とスクリーンショットを防ぐサンプルコード |
| **Picture in Picture Demo** | PIPと Background Playを実現するサンプルコード |
| **LLHLS Live Demo** | LL HLS Liveのサンプルコード |
| **VTT Pasre Demo** | m3u8 VTT字幕連携のサンプルコード |
| **PallyCon DRM Demo** | ペリカン DRMを再生するサンプルコード |
| **One Click Multi DRM Demo** | Ncloudで提供する One Click Multi DRM連携サンプルコード |
| **Watermark Demo** | テキストウォーターマークを設定するデモ |
| **初回公開日 Demo** | 初回公開日を設定して再生するデモ |
| **カスタムボタン Demo** | カスタムボタンを追加するサンプルコード |
| **エラー画面カスタム Demo** | エラー画面を直接カスタムして使用するサンプルコード |
| **プレイヤーボタンカスタマイズ Demo** | デフォルトボタンのデザインを変更するユースケース |
| **基本機能のオーバーライド** | デフォルトボタンの機能を直接カスタムで変更するユースケース |