메타데이터

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", // 프로필 이미지 또는 채널 이미지
            },
          },
        ],
      }}
    />
  );
}