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

    텍스트 트랙 추가하기

    이 샘플에서는 Dynamic Ingest를 사용하여 기존 동영상에 애셋을 추가하는 앱을 작성하는 방법을 배우게됩니다. 이 샘플은 동적 배달 계정과 레거시 가져 오기 계정 모두에서 작동합니다.

    개요

    이 샘플에서는 시간에 20 계정의 동영상을 표시합니다 ( CMS API), 사용자가 표시된 비디오 중 하나 이상에 WebVTT 캡션을 추가 할 수 있습니다. 샘플을 손쉽게 수정하여 축소판 및 / 또는 포스터 이미지를 대신 추가하거나 비디오를 다시 트랜스 코딩 할 수 있습니다. 샘플의 요점은 기본 API 요청을 넘어 실제 앱으로 어셈블하는 방법을 보여주는 것입니다.

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

    앱 로직
    앱 로직

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

    자격증 명 얻기

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

    필요한 사용 권한은 다음과 같습니다.

    동적 인 에이 티브 권한
    동적 인 에이 티브 권한

    CURL 또는 Postman을 통해 자격 증명을 얻을 수도 있습니다. - 참조 :

    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 학습 서비스 제공 (@rcrooks1969)에 코드 펜.

    CodePen 사용

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

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

    프록시 코드

    이 페이지에서 샘플 앱을 직접 빌드하려면 자신의 프록시를 생성하고 호스팅해야합니다. (Brightcove Learning Services에서 사용하는 프록시는 Brightcove 도메인의 요청 만 수락합니다.) 샘플 프록시는 우리가 사용하는 프록시와 매우 유사하지만 Brightcove가 아닌 도메인의 요청을 차단하는 검사가없는 곳에서 찾을 수 있습니다. 이 GitHub 저장소. 당신은 또한 거기에 그것을 사용하기위한 기본 지침과 프록시 주위에 애플 리케이션을 구축하기위한보다 정교한 안내서를 찾을 것입니다. REST API 사용.


    24 년 2020 월 XNUMX 일에 마지막으로 업데이트 된 페이지