為DRM配置Brightcove Player

請按照以下步驟將DRM插件與受FairPlay保護的內容一起使用：

1. 在您的 HTML 頁面的標題中，包括插件的樣式表：

       <link href="https://players.brightcove.net/videojs-drm/5/videojs-drm.css" rel="stylesheet">

2. 包含外掛程式的指示：

       <script src="https://players.brightcove.net/videojs-drm/5/videojs-drm.min.js"></script>

3. 在頁面的JavaScript塊中，通過提供以下信息來調用並配置帶有FairPlay憑證信息的EME插件getCertificate， getContentId和getLicense EME插件的功能。這些功能特定於您自己的FairPlay許可證服務器實現，可以在使用以下功能之前直接傳遞給EME插件： src設置為：

       <script type="text/javascript">
         videojs.getPlayer('myPlayerID').ready(function() {
           var myPlayer = this;
           myPlayer.eme({
             keySystems: {
               'com.apple.fps.1_0': {
               getCertificate: function (emeOptions, callback) {
               // request certificate
               // if err, callback(err)
               // if success, callback(null, certificate) where certificate
               // is a Uint8Array
             },
             getContentId: function (emeOptions, initData) {
               // return content ID as a string
               },
               getLicense: function (emeOptions, contentId, keyMessage, callback) {
                 // request key
                 // if err, callback(err)
                 // if success, callback(null, key) as an arraybuffer
               }
             }
           }
         });
       </script>

請注意，FairPlay信息也可以作為每個src目的。的emeOptions作為所有功能的參數提供。它們是對與當前源的源選項合併（由其覆蓋）的插件選項的引用。它可以使您更輕鬆地訪問選項，從而不必自己維護它們。

    player.src({
      type: 'application/vnd.apple.mpegurl',
      src: 'http://www.example.com/path/to/master.m3u8',
      keySystems: {
        "com.apple.fps.1_0": {
          getCertificate: function(emeOptions, callback) { ... },
          getContentId: function(emeOptions, initData) { ... },
          getLicense: function(emeOptions, contentId, keyMessage, callback) { ... }
        }
      }
    });

例如，如果您需要使用applicationId和PublisherId為了getCertificate請求，您可以通過以下方式傳遞插件選項：

    {
      keySystems: {
        "com.apple.fps.1_0": {
          getCertificate: function(emeOptions, callback) {
          var applicationId = emeOptions.applicationId; // 'application-id'
          var publisherId = emeOptions.publisherId; // 'publisher-id'
          // ...
        }
          // ...
        }
      },
      applicationId: 'application-id'
      publisherId: 'publisher-id'
    }

或者，如果您需要特定於來源的PublisherId您可以通過source選項覆蓋它：

    // plugin options
    {
      keySystems: {
        "com.apple.fps.1_0": {
        getCertificate: function(emeOptions, callback) {
        var applicationId = emeOptions.applicationId; // 'application-id'
        var publisherId = emeOptions.publisherId; // 'source-specific-publisher-id'
        // ...
      },
        // ...
      }
    },
    applicationId: 'application-id'
    publisherId: 'publisher-id'
    }
    // source options
    player.src({
      src: '<URL>',
      type: 'application/vnd.apple.mpegurl',
      publisherId: 'source-specific-publisher-id'
    });

以下是示例實現，將選項作為src選項，從主機名，固定許可證和證書URI以及需要POST以及關鍵消息正文的許可證URI中檢索內容ID：

    var uint8ArrayToString = function(array) {
    return String.fromCharCode.apply(null, new Uint16Array(array.buffer));
    };
    var getHostnameFromUri = function(uri) {
      var link = document.createElement('a');
      link.href = uri;
      return link.hostname;
    };
    var getCertificate = function(emeOptions, callback) {
      videojs.xhr({
        uri: emeOptions.certificateUri,
        responseType: 'arraybuffer'
        }, function(err, response, responseBody) {
        if (err) {
          callback(err);
          return;
        }
        callback(null, new Uint8Array(responseBody));
      });
    };
    var getContentId = function(emeOptions, initData) {
      return getHostnameFromUri(uint8ArrayToString(initData));
    };
    var getLicense = function(emeOptions, contentId, keyMessage, callback) {
      videojs.xhr({
        uri: emeOptions.licenseUri,
        method: 'POST',
        responseType: 'arraybuffer',
        body: keyMessage,
        headers: {
          'Content-type': 'application/octet-stream'
        }
        }, function(err, response, responseBody) {
        if (err) {
          callback(err);
          return;
        }
        callback(null, responseBody);
      });
    };
    player.src({
      type: 'application/vnd.apple.mpegurl',
      src: 'http://www.example.com/path/to/master.m3u8',
      keySystems: {
        "com.apple.fps.1_0": {
        getCertificate: getCertificate,
        getContentId: getContentId,
        getLicense: getLicense
      }
      },
      certificateUri: 'http://example.com/fairplay/certificate/endpoint',
      licenseUri: 'http://example.com/fairplay/license/endpoint'
    });

對於Widevine模塊化內容，您需要使用播放器的源處理程序將播放器配置為使用Widevine許可服務器。

要更新網頁上播放器的實例，可以使用播放器的源處理程序。這是使用keySystemsOptions 與數組player.src() 功能：

    player.src({
      src: 'http://example.com/my/manifest.mpd',
      type: 'application/dash+xml',
      keySystemOptions: [
      {
        name: 'com.widevine.alpha',
        options: {
        licenseUrl: 'http://m.widevine.com/proxy'
      }
      }]
    });

您也可以使用updateSourceData 功能如下：

    videojs.Html5DashJS.updateSourceData = function(source) {
    source.keySystemOptions = [{
    name: 'com.widevine.alpha',
    options: {
    serverURL:'https://example.com/anotherlicense'
    }
    }];
    return source;
    };

有關更多詳細信息，請參見videojs-contrib-dash GitHub上的信息。