VPE 시작하기

기존 프로젝트에 Video Player Enhancement 서비스를 적용하는 방법을 설명합니다.

개요

Video Player Enhancement 서비스는 웹/앱에서 비디오 또는 오디오와 같은 미디어를 재생할 수 있는 네이버 클라우드 플랫폼의 서비스입니다. Video Player Enhancement 서비스를 통해 손쉽고 빠르게 고객의 미디어 서비스에 미디어 플레이어를 적용할 수 있습니다.

이용신청

Video Player Enhancement 서비스를 이용하기 위해서는 먼저 네이버 클라우드 플랫폼의 Video Player Enhancement 서비스를 신청해야 합니다. Video Player Enhancement 서비스를 신청하려면 Video Player Enhancement 서비스 신청 페이지에서 신청할 수 있습니다.

프로젝트에 추가

Video Player Enhancement 서비스를 사용하기 위해서는 먼저 Video Player Enhancement SDK를 프로젝트에 추가해야 합니다. Video Player Enhancement SDK는 npm을 통해 설치할 수 있습니다.

Modules 이용하기

npm 이용한 설치

npm install ncloud-vpe

yarn 이용한 설치

yarn add ncloud-vpe

플레이어 생성

import ncplayer from "ncloud-vpe";

ncplayer("video", "{라이선스키}", {
    playlist: [
        {
            file: "https://CDN도메인/example_video_01.mp4",
            poster: "https://CDN도메인/example_video_01.png",
        },
    ],
    autostart: true,
});

CDN 이용하기

<script src="https://player.vpe.naverncp.com/ncplayer.js?accessKey={라이선스키}"></script>

플레이어 생성

<html>
    <head>
        <title>Video Player Enhancement</title>
        <script src="https://player.vpe.naverncp.com/ncplayer.js?accessKey={라이선스키}"></script>
    </head>
    <body>
        <!-- 비디오 플레이어를 설치할 div -->
        <div id="video"></div>


        <script>
            let player = new ncplayer("video", {
                playlist: [
                    {
                        file: "https://CDN도메인/example_video_01.mp4",
                        poster: "https://CDN도메인/example_video_01.png",
                    },
                ],
                autostart: true
            });
        </script>
    </body>
</html>

Video Player Enhancement 요금제 비교

Video Player Enhancement 서비스의 요금제별 차이점을 설명합니다.