개요
이 샘플에서는 CMS API를 사용하여 계정 20의 비디오를 한 번에 표시하고 사용자가 표시된 비디오 중 하나 이상에 WebVTT 캡션을 추가 할 수 있도록합니다. 샘플을 쉽게 수정하여 썸네일 및 / 또는 포스터 이미지를 추가하거나 비디오를 다시 트랜스 코딩 할 수 있습니다. 샘플의 요점은 기본 API 요청을 넘어 실제 앱으로 어셈블하는 방법을 보여주는 것입니다.
아래는 앱 로직의 개략도입니다.
이 앱은 하나 또는 여러 계정에서 여러 사용자가 사용하도록 설계되었습니다. 실제로 그렇게하지는 않지만 아래 설명에서 일부 백엔드 시스템에서 사용자 정보를 가져 오는 후크가있는 위치를 볼 수 있습니다. (대부분의 API 샘플처럼 사용자에게 매번 사용할 때마다 계정 ID 및 클라이언트 자격 증명을 요청할 수 있습니다.)
자격 증명 가져오기
광고를 받으려면 OAuth UI로 이동하여 다음 앱을 등록해야 합니다. client_idclient_secret
다음은 필요한 권한입니다.
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 학습 서비스( @rcrooks1969 ) 에코드펜 .
코드펜 사용
위의 CodePen을 효과적으로 사용하기위한 몇 가지 팁은 다음과 같습니다.
- 결과버튼을 클릭하여 플레이어의 실제 디스플레이를 전환합니다.
- HTML/CSS/JS버튼을 클릭하면 코드 유형 중 하나가 표시됩니다.
- 딸깍 하는 소리 CodePen에서 편집오른쪽 상단 모서리에서 이 CodePen을 자신의 계정으로 분기합니다.
- 이 GitHub 리포지토리에서 이 샘플과 관련된 모든 코드를 찾아보세요 .
프록시 코드
이 페이지에서 자신의 버전을 샘플 응용 프로그램을 빌드하려면 자신의 프록시를 만들고 호스팅해야합니다. (브라이트코브 학습 서비스에서 사용하는 프록시는 브라이트코브 도메인의 요청만 허용합니다.) 우리가 사용하는 것과 매우 유사하지만 BrightCove가 아닌 도메인의 요청을 차단하는 검사가 없는 샘플 프록시는이 GitHub 리포지토리에서 찾을 수있습니다. 또한 REST API 사용에서프록시를 사용하기 위한 기본 지침과 프록시를 중심으로 앱을 빌드하기 위한 보다 자세한 안내서를 찾을 수있습니다.