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

    텍스트 트랙 추가

    이 샘플에서는 동적 인제스트를 사용하여 기존 동영상에 에셋을 추가하기 위해 앱을 빌드하는 방법을 배웁니다. 이 샘플은 동적 배달 및 레거시 수집 계정 모두에 대해 작동합니다.

    개요

    이 샘플에서는 CMS API를 사용하여 계정 20의 비디오를 한 번에 표시하고 사용자가 표시된 비디오 중 하나 이상에 WebVTT 캡션을 추가 할 수 있도록합니다. 샘플을 쉽게 수정하여 썸네일 및 / 또는 포스터 이미지를 추가하거나 비디오를 다시 트랜스 코딩 할 수 있습니다. 샘플의 요점은 기본 API 요청을 넘어 실제 앱으로 어셈블하는 방법을 보여주는 것입니다.

    아래는 앱 로직의 개략도입니다.

    앱 로직
    앱 로직

    이 앱은 하나 또는 여러 계정에서 여러 사용자가 사용하도록 설계되었습니다. 실제로 그렇게하지는 않지만 아래 설명에서 일부 백엔드 시스템에서 사용자 정보를 가져 오는 후크가있는 위치를 볼 수 있습니다. (대부분의 API 샘플처럼 사용자에게 매번 사용할 때마다 계정 ID 및 클라이언트 자격 증명을 요청할 수 있습니다.)

    자격 증명 가져오기

    client_idclient_secret를 얻으려면 OAuth UI로 이동하여 이 앱을 등록해야 합니다.

    다음은 필요한 권한입니다.

    동적 인제스트 사용 권한
    동적 인제스트 사용 권한

    CURL 또는 우편 배달부를 통해 자격 증명을 얻을 수도 있습니다.

    API에서 직접 자격 증명을 얻는 경우 필요한 권한은 다음과 같습니다.

                    [
                      "video-cloud/video/all",
                      "video-cloud/ingest-profiles/profile/read",
                      "video-cloud/ingest-profiles/account/read",
                      "video-cloud/upload-urls/read"
                      ]

    속도 제한

    속도 제한에 대한 자세한 내용은모범 사례를참조하십시오.

    이 앱

    소스 코드

    GitHub 저장소에서이샘플과 관련된 모든 코드를 찾으십시오.

    샘플 앱

    펜보기Dynamic Ingest API견본: 텍스트 트랙 추가게시자 : Brightcove Learning Services ( 뿡 빵뀨 ) 의 위에 CodePen .

    코드펜 사용

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

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

    프록시 코드

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