---
title: "Player Demo App"
slug: "vpe-player-demo-app"
updated: 2026-09-17T09:08:00Z
published: 2026-09-17T09:08:00Z
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_ko.png?sv=2026-02-06&spr=https&st=2026-10-26T22%3A02%3A40Z&se=2026-10-26T23%3A02%3A40Z&sr=c&sp=r&sig=qozgowDKoJrvTfy2Jyx%2BAq3NWRUq913FAsQ7zG%2BZLqE%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** | 기본 버튼의 디자인을 변경하는 예제 |
| **기본 기능 오버라이드** | 기본 버튼의 기능을 직접 커스텀으로 변경하는 예제 |