요구 사항 및 브라이트코브 플레이어

이 항목에서는 브라이트코브 플레이어와 함께 RequireJS, 자바 스크립트 파일 및 모듈 로더를 사용하는 방법을 배우게됩니다. RequireJS는 여러 JavaScript 스크립트를 사용할 때 종속성 관리를 지원합니다. Brightcove Player에는 플레이어별로 자체 스크립트가 있으므로index.min.js이 문서는 RequireJS 구현에서 Brightcove Player를 사용하는 코드를 제공합니다.

Brightcove Player 인스턴스화

다음 코드는 RequireJS를 사용할 때 Brightcove Player 구현에 대해 자세히 설명합니다. 세 가지 핵심 사항 :

  1. 이 코드는 콜백이 호출되기 전에 플레이어가 초기화되도록합니다.
  2. 의 사용on()과play()방법 (36-38 행)은 데모 용이며 플레이어 사용에는 필요하지 않습니다. 이 세 줄의 코드는 Brightcove Player의 API 사용을 시작할 수있는 위치만을 나타냅니다.
  3. 강조 표시된 코드는 Brightcove Player와 관련이 있습니다.
<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <title>Untitled Document</title>
  <style>
    .video-js {
      height: 344px;
      width: 610px;
    }
  </style>
</head>

<body>

  <video-js id="myPlayerID"
    data-video-id="4690057979001"
    data-account="1507807800001"
    data-player="default"
    data-embed="default"
    controls></video-js>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.15/require.js"></script>
  <script>
    require.config({
      'paths': {
        'bc': 'https://players.brightcove.net/1507807800001/default_default/index.min'
      },
      waitSeconds: 30
    });

    require(['bc'], function() {
      var myPlayer = videojs.getPlayers().myPlayerID;
      myPlayer.on('loadstart', function(){
        myPlayer.play();
      })
    });
  </script>

</body>

</html>

익명 모듈 사용

위에 표시된 코드에서 보았 듯이 Brightcove Player v6.xa 모듈과 함께 RequireJS를 사용할 때bc생성됩니다. RequireJS에서 권장하는 접근 방식은 익명의 AMD 모듈을 제공하는 것이므로 여러 Brightcove 플레이어를 훨씬 쉽게 포함 할 수 있습니다. 기본적으로 모듈을 익명으로 만들 수 있습니다. Brightcove는 플레이어 구성을 변경하여이 기본값으로 옵트 인 할 것을 적극 권장하며, 동시에 변경하면 플레이어에서 콘솔 경고가 제거됩니다. 플레이어 구성 설정"require_js_anonymous": true필수 변경 사항입니다. 이 업데이트를위한 curl 문은 다음과 같이 나타납니다.

curl \
  --header "Content-Type: application/json" \
  --user $EMAIL \
  --request PATCH \
  --data '{
    "require_js_anonymous": true
  }' \
  https://players.api.brightcove.com/v2/accounts/$ACCOUNT_ID/players/$PLAYER_ID/configuration

콘솔 경고를 제거하고 싶지만 익명 RequireJS 모듈을 옵트 인하지 않으려면"require_js_anonymous": false다음과 같이 구성 업데이트 :

curl \
  --header "Content-Type: application/json" \
  --user $EMAIL \
  --request PATCH \
  --data '{
    "require_js_anonymous": false
  }' \
  https://players.api.brightcove.com/v2/accounts/$ACCOUNT_ID/players/$PLAYER_ID/configuration

단계별 참조: 플레이어 관리 curl을 사용하여 플레이어의 구성을 변경하는 방법에 대한 자세한 내용은 문서를 참조하십시오.