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

    만들기 Player

    이 예에서는 계정 정보를 입력합니다. 또한 미디어 및 미디어 유형에 대한 URL을 입력하거나 Video Cloud 동영상 ID 버튼을 클릭하면 player 에 대한 정보가 생성되고 선택됩니다. player 표시됩니다.

    유의 사항(면책 조항)

    앱 아키텍처

    이 응용 프로그램에 대한 상위 수준의 응용 프로그램 논리는 다음과 같습니다.

    1. 생성에 필요한 사용자 데이터 수집 player
    2. 에 대한 API에 전달할 JSON 데이터 구조를 빌드하십시오. player 창조
    3. 버튼 클릭시 AJAX 호출을 수행하여 생성하십시오. player
    4. AJAX 호출 성공시 다음을 수행하십시오.
      • JSON 응답 데이터를 HTML 페이지에 삽입
      • 게시 할 함수 호출 player
    5. AJAX 호출을 수행하여 게시 player
    6. AJAX 호출 성공시 다음을 수행하십시오.
      • JSON 응답 데이터를 HTML로 삽입
      • 선택된 것을 표시하는 HTML을 동적으로 빌드 player 정보를 HTML 페이지에 삽입

    샘플 앱

    소스 코드

    에서이 샘플과 관련된 모든 코드 찾기 이 GitHub 저장소.

    샘플 앱

    펜보기 플레이어 생성 Brightcove 학습 서비스 제공 (@rcrooks1969)에 코드 펜.

    CodePen 사용

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

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

    프록시 코드

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


    페이지 마지막 업데이트 : 24 Oct 2020