메타데이터

The latest service changes have not yet been reflected in this content. We will update the content as soon as possible. Please refer to the Korean version for information on the latest updates.

Classic/VPC 환경에서 이용 가능합니다.

스크립트 코드를 수정하여 메타데이터의 표시 여부를 설정하는 방법을 설명합니다.

메타데이터 표시 여부

descriptionNoVisible 속성으로 플레이어 상단의 메타데이터 표시 여부를 설정합니다.

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

// 동영상(MP4)
export function App() {
  return (
    <VpePlayer
      accessKey="YOUR_ACCESS_KEY"
      hls={Hls}
      dashjs={dashjs}
      platform="pub"
      options={{
        autostart: true,
        descriptionNoVisible: true, // 메타데이터 UI 표시 안 함(false(기본값): 표시)
        playlist: [
          {
            file: "https://CDN도메인/example_video_01.mp4",
            poster: "https://CDN도메인/example_image_01.png",
            description: {
              title: "네이버클라우드 소개",                          // 제목
              created_at: "2023.01.01",                             // 업로드 날짜
              profile_name: "네이버클라우드",                        // 업로더 닉네임 또는 채널명
              profile_image: "https://CDN도메인/example_image_profile.png", // 프로필 이미지 또는 채널 이미지
            },
          },
        ],
      }}
    />
  );
}