Brightcove Playerの DRM 設定

FairPlayで保護されたコンテンツでDRMプラグインを使用するには、以下の手順に従ってください。

1. HTMLページのヘッダーに、プラグインのスタイルシートを含めます。

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

2. プラグインのJavaScriptを含める：

       <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) { ... }
        }
      }
    });

たとえば、使用する必要がある場合 アプリケーションID と 出版社ID のために 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'
    }

または、ソース固有のものが必要な場合 出版社ID ソースオプションで上書きすることができます：

    // 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からコンテンツIDを取得する、およびキーメッセージの本文を含むPOSTが必要なライセンスURIを取得する：

    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 Modularコンテンツの場合は、 player を使用してWidevineライセンスサーバーを使用するには playerのソースハンドラ。

のインスタンスを更新するには player ウェブページでは、 playerのソースハンドラ。 これは使用例です 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に関する情報