공공 / 민간 클라우드 설정

VPE 플레이어는 재생 환경을 구분하기 위해 platform 값을 설정해야 합니다. 플랫폼 값은 아래 두 가지입니다.

값	설명
pub	민간 클라우드 환경
gov	공공 클라우드 환경

React 예제

platform은VpePlayer 컴포넌트의 props로 전달합니다.

"use client";

import Hls from "hls.js";
import dashjs from "dashjs";
import { VpePlayer } from "@sgrsoft/vpe-react-sdk";

export default function PlayerPage() {
    return (
        <VpePlayer
            accessKey="YOUR_ACCESS_KEY"
            platform="pub"
            hls={Hls}
            dashjs={dashjs}
            options={{
                playlist: [
                    {
                        file: "https://CDN_DOMAIN/example_video_01.mp4",
                        poster: "https://CDN_DOMAIN/example_video_01.png",
                    },
                ],
            }}
        />
    );
}

UMD 예제

UMD 환경에서는 platform props를 사용하지 않습니다. 민간/공공은 CDN 스크립트 엔드포인트로 구분합니다.

민간

<script src="https://player.vpe.naverncp.com/v2/ncplayer.js?access_key={YOUR_ACCESS_KEY}"></script>

공공

<script src="https://player.vpe.gov-ntruss.com/v2/ncplayer.js?access_key={YOUR_ACCESS_KEY}"></script>

<script>
    const player = new ncplayer("player", {
        playlist: [
            { file: "https://CDN_DOMAIN/example_video_01.mp4" },
        ],
    });
</script>