Brightcove Player を使用したフォレンジック ウォーターマーキング

このトピックでは、Brightcove Player を使用してフォレンジック ウォーターマークで保護された動画を配信する方法について説明します。

はじめに

フォレンジック ウォーターマーキングを利用すると、プレミアム コンテンツを海賊版や不正な共有から保護できます。この機能は動画に不可視のウォーターマークを付与し、万が一コンテンツが流出した場合に追跡できるようにします。

詳細については、概要：フォレンジック ウォーターマーキング を参照してください。

必要条件

この機能をサポートするために必要な条件は以下のとおりです：

セットアップ

プレーヤーの設定に加え、セットアップ要件があります。詳細は 概要：フォレンジック ウォーターマーキング を参照してください。

Brightcove Player の設定

フォレンジック ウォーターマーキングを使用するようプレーヤーを設定するには、以下の手順に従ってください：

  1. プレーヤーは視聴者 ID（Viewer ID）が user フィールドとしてアナリティクスの Web ビーコンに渡されるよう、登録システムと連携している必要があります。

    これを行うには、setUser() メソッドを使用します。例：

      myPlayer.bcAnalytics.client.setUser('viewer id');

  2. 動画を取得する前に、プレーヤーの catalog オブジェクトの一部として、Nagra ウォーターマーク トークンを設定します。 

      myPlayer.catalog.setWatermarkingToken()

  3. ウォーターマーク トークンを設定したら、Brightcove Playback API からデータを取得し、プレーヤーに読み込む準備が整います。

    以下は単一動画を取得する例です：

    HTML

      <div style="max-width: 960px;">
    <video-js id="myPlayerID"
      data-embed="default"
      controls=""
      data-application-id=""
      class="vjs-fluid">
    </video-js>
  </div>
  
  <script src="https://players.brightcove.net/your account id/your player id_default/index.min.js"></script>

    JavaScript

      <script>
    // +++ プレーヤー属性の追加 +++
    var myPlayer,
      myPlayerEl = document.getElementById("myPlayerID");
    myPlayerEl.setAttribute('data-account', your account id);
    myPlayerEl.setAttribute('data-player', 'your player id');
  
    // +++ プレーヤーの生成 +++
    myPlayer = bc(myPlayerEl);
  
    // Brightcove アナリティクス用の視聴者 ID を設定
    myPlayer.bcAnalytics.client.setUser('viewer id');
  
    // ウォーターマーキングキーを設定
    myPlayer.catalog.setWatermarkingToken(your watermark token);
  
    myPlayer.catalog.get({id: 'your video id', type: 'video'}).
    then(function(data) {
      myPlayer.catalog.load(data);
      myPlayer.muted(true);
      myPlayer.play();
    }).
    catch(function(error) {
      throw new Error(error);
    });
  </script>

data 属性を使用する

別の方法として、プレーヤーの catalog オブジェクトの一部として、data-watermarking-token というプロパティ名を使用して文字列トークンを渡すことができます。

  1. プレーヤーの Videoタグ埋め込みコードを取得します。

  2. ウォーターマーキング トークンをプレーヤー埋め込みコードに含めます。そのためには、data-watermarking-token を タグの属性として追加します。

        <video-js id="myPlayerID"
      data-account="1752604059001" 
      data-player="default" 
      data-embed="default" 
      controls="" 
      data-video-id="5550679964001" 
      data-playlist-id="" 
      data-application-id="" 
      data-watermarking-token="your watermark token"
      width="960" height="540">
    </video-js>

  3. プレーヤーは登録システムと統合され、視聴者 ID（Viewer ID）がアナリティクス Web ビーコンの user フィールドとして渡される必要があります。

    これを実行するには、setUser() メソッドを使用します。例：

    myPlayer.bcAnalytics.client.setUser('viewer id');

    JavaScript

        <script>
      videojs.getPlayer('myPlayerID').ready(function() {
        var myPlayer = this;
    
        // Brightcove アナリティクス用の視聴者 ID を設定
        myPlayer.bcAnalytics.client.setUser('viewer id'); 
      });
    </script>

制限事項

この機能の制限事項については、概要：フォレンジック ウォーターマーキング を参照してください。

Brightcove Player バージョン 6.55 が必要です。最新バージョンの使用を推奨します。