비디오 참여 그래프

이 샘플에서는 계정의 동영상에 대한 참여도 그래프를 생성하는 방법을 배우게 됩니다. 비디오 보고서에서 참여도 그래프를 생성할 수 있지만 응답에는 동영상의 100번째 세그먼트마다 참여도가 반환되고 보고서는 비디오의 각 분기 지점에서만 참여도가 반환되는 보다 완전한 데이터가 포함되어 있기 때문에 참여도 요청을 사용합니다.

앱

소스 코드

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

샘플 앱

펜분석 API 샘플을 참조하십시오. 비디오 참여 그래프게시자 : Brightcove Learning Services ( 뿡 빵뀨 ) 의 위에 CodePen .

제한 사항

자격 증명 가져오기

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

API 인증 자격 증명 관리

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

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

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

        [
          "video-cloud/analytics/read",
          "video-cloud/video/read"
        ]

코드펜 사용

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

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

프록시 코드

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