지원 고객 지원 문의 | 시스템 상태 시스템 상태
페이지 내용

    여러 비디오에 사용자 정의 필드 추가

    이 샘플에서는 사용자 정의 필드에 대한 UI를 만들고 여러 비디오에 사용자 정의 필드를 추가하는 방법을 배웁니다.

    서문

    사용자 정의 필드는 미디어 모듈의 비디오에 추가 할 수 있지만 하나씩 수행해야합니다. 여기에있는 샘플 앱을 사용하면 한 번에 최대 10 개의 비디오에 사용자 정의 필드를 추가 할 수 있습니다 (그리고 쉽게 수정하여 해당 수를 늘리거나 계정의 모든 비디오에 사용자 정의 필드를 추가 할 수도 있습니다). 이 앱은 매우 간단합니다. 사용자 지정 필드 용 UI를 만드는 유일한 문제는 값에 대한 간단한 문자열을 사용하거나 값 목록에서 선택할 수 있다는 것입니다. 그러나 필드 메타 데이터에서 필드 유형을 쉽게 알 수 있고 적절한 입력 필드를 표시 할 수 있으므로 관리하기가 그리 어렵지 않습니다.

    자격 증명 가져오기

    CMS API를 사용하려면 적절한 자격 증명이 필요합니다.

    대부분의 경우 자격 증명을 얻는 가장 쉬운 방법은 Studio 관리 API 인증 섹션 (계정에 대한 관리자 권한 필요) 을 사용하는 것입니다. 자세한 내용은API 인증 자격 증명 관리를참조하십시오. 대부분의 경우 모든CMS API작업에 대한 사용 권한을 얻고 싶을 것입니다.

    CMS API 사용 권한
    CMS API 사용 권한

    필요한 권한을 Studio에서 사용할 수 없거나 OAuth API에서 직접 가져오려는 경우 아래에 나열된클라이언트 자격 증명 가져오기문서를 선택합니다. 어떤 옵션을 선택하든 올바른 작업 권한을 요청해야합니다. 다음은 cURL 또는 우편 배달부와 함께 CMS API에 대한 모든 권한을 얻는 데 사용할 수 있습니다.

              "operations": [
                "video-cloud/video/all",
                "video-cloud/playlist/all",
                "video-cloud/sharing-relationships/all",
                "video-cloud/notifications/all"
              ]

    샘플 앱

    소스 코드

    이 샘플과 관련된 모든 코드는 여기에서 찾을 수 있습니다. Github 저장소 .

    샘플 앱

    CMS API 샘플을 참조하십시오. 여러 비디오에 사용자 정의 필드 추가게시자 : Brightcove Learning Services ( 뿡 빵뀨 ) 의 위에 CodePen .

    코드펜 사용

    위의 CodePen을 효과적으로 사용하기위한 몇 가지 팁은 다음과 같습니다.

    • 결과버튼을 클릭하여 앱의 실제 표시를 토글합니다.
    • HTML/CSS/JS버튼을 클릭하여 코드 유형 중 하나를 표시합니다.
    • 오른쪽 상단모서리에있는 CodePen에서 편집을클릭하여이 CodePen을 자신의 계정으로 포크하십시오.
    • GitHub 저장소에서이샘플과 관련된 모든 코드를 찾으십시오.

    프록시 코드

    이 페이지에서 자신의 버전을 샘플 응용 프로그램을 빌드하려면 자신의 프록시를 만들고 호스팅해야합니다. (브라이트코브 학습 서비스에서 사용하는 프록시는 브라이트코브 도메인의 요청만 허용합니다.) 우리가 사용하는 것과 매우 유사하지만 비 BrightCove 도메인의 요청을 차단하는 검사 없이이 GitHub 리포지토리에서찾을 수 있습니다. 또한 거기서 사용하기위한 기본 지침과REST API 사용에서프록시 주위에 앱을 빌드하는 방법에 대한 자세한 안내를 찾을 수 있습니다.