ライブモジュールでのサーバーサイド広告の実装

このトピックでは、Live モジュールにサーバーサイド広告を実装する方法を説明します。

はじめに

Live モジュールはサーバーサイド広告挿入 (SSAI) をサポートしており、ライブストリーム中にサーバーサイド広告をリクエストして表示できます。SSAI はライブイベント中に次の主要な機能を提供します：

  • 広告はサーバーサイドでライブ動画ストリームにスティッチされるため、広告ブロッカーの影響を受けません。
  • 広告はエンコーダーから送信されたキューポイントで挿入されます。また、Live モジュールの調整室を使用してインスタントキューポイントを作成できます。
  • 未使用の広告時間を埋めるためにフィルスレートを設定できます。

このトピックでは、ライブイベント中にサーバーサイド広告をリクエストするために必要な設定とプロセスに焦点を当てています。

サーバーサイド広告設定の構成

サーバーサイド広告を配信する前に、サーバーサイド広告設定を構成する必要があります。サーバーサイド広告設定では、広告呼び出し、タイミング、ビーコンなど、広告再生のさまざまな側面を定義します。これらの設定は、Admin モジュールのサーバーサイド広告設定の一部として構成されます。この例では、シンプルな広告タグを定義しています。

詳細については、サーバーサイド広告設定の構成を参照してください。

フィルスレートの設定

フィルスレートは、動的に配信される広告で埋められないライブストリームの広告ブレークのギャップが生じたときに表示される動画です。リクエストされた広告が広告ブレーク時間より短い場合、視聴者に空白のプレーヤーが表示されないようにフィルスレートが表示されます。サーバーサイド広告をリクエストする前に、少なくとも 1 つのフィルスレートを設定する必要があります。広告スレートは、Admin モジュールの Live 設定の一部として設定されます。この例では、Brightcove ロゴを表示するフィルスレートを定義しています。

広告スレートの作成については、Live 設定の管理を参照してください。

サーバーサイド広告をサポートするライブイベントの作成

ライブイベントにサーバーサイド広告を表示するには、イベントの作成時に Enable Server Side Ad Insertion (SSAI) 設定を選択する必要があります。Live モジュールを使用したライブイベントの作成に関する詳細については、Live モジュールを使用したライブイベントの作成と管理を参照してください。

サーバーサイド広告をサポートする新しいライブイベントを作成するには、次の手順に従います。

  1. Live モジュールを開きます。
  2. イベント管理ページで Create Event をクリックします。
  3. 必要に応じてイベントの詳細を入力します。
  4. Advanced Options をクリックして詳細オプションを展開します。
  5. Enable Server Side Ad Insertion (SSAI) をチェックします。これによりサーバーサイド広告挿入が有効になります。
  6. Fill Slate を選択します。フィルスレートは、動的に配信される広告で埋められないライブストリームの広告ブレークのギャップが生じたときに表示されます。
  7. Ad Audio 設定がチェックされている場合、広告の音量レベルは設定された調整に基づいて正規化されます。これにより、広告がコンテンツよりも著しく大きくならないようにするために使用できます。Brightcove ではこのオプションの選択を推奨します。
  8. Create Event をクリックします。
  9. 調整室ページが開き、エンコーダーが使用する Streaming Endpoint (RTMP URL) と Stream Name を含むライブイベントの詳細が表示されます。
  10. エンコーダーを設定してライブストリームを開始します。
  11. デフォルトでは、調整室のプレビュープレーヤーには広告なしのストリームが表示されます。ライブ広告設定が選択されていない限り、調整室には広告は表示されません。プレーヤーの下のドロップダウンを使用して広告設定を選択します。
  12. （オプション）プラスボタン（）をクリックして追加の広告設定を選択します。これにより、調整室ページにプレビュープレーヤーが追加されます。

    プレビュープレーヤーの下の音量ボタンをクリックして、アクティブにするプレーヤーの音声ストリームを制御します。

    追加のプレビュープレーヤーを使用するユースケースには以下が含まれます：

    • 2 つの広告設定をプレビューする
    • 変更されていないフィード（非 SSAI）と広告付きフィード（SSAI）を並べて表示する

広告のリクエスト

広告をリクエストするには Go To Ad ˇ をクリックします。クリックすると、広告ブレークの長さを選択できます。

Insert をクリックしてライブストリームに広告ブレークを挿入します。広告が広告ブレーク時間全体を埋めない場合、フィルスレート（イベント作成時に選択したもの）が表示されます。広告は調整室のプレビュープレーヤーと、Live モジュールを使用して公開されたプレーヤーに表示されます。この例では、調整室に 2 つの広告が表示されています。

ライブイベントの公開

サーバーサイド広告を使用したライブストリームは、Media モジュールを使用して公開できません。Live モジュールを使用して公開する必要があります。

サーバーサイド広告を使用したライブイベントの埋め込みコードを生成するには、次の手順に従います：

  1. イベントをクリックして調整室ページを開きます。
  2. 左ナビゲーションの Publish and Embed をクリックします。
  3. Available Player を選択します。
  4. プレーヤーで使用する Ad Configuration を選択します。広告設定により、プレーヤーに表示される広告が決まります。
  5. Player URL をクリックしてブラウザーでイベントをプレビューするか、使用する適切な埋め込みコードをコピーします。

リモートライブイベントの公開

リモートライブイベントを公開する場合は、次の手順に従います：

  1. 上記の手順に従ってライブイベントを作成した後、Live モジュールの Control Room（調整室）に戻ります。
  2. 広告設定 ID の値がわかる場合は、それをプレイリスト URL に挿入できます。

    Live モジュールの Control Room（調整室）で Playback URL をコピーします。

    Playback URL
    Playback URL

    次に、使用したい広告設定 ID（045f90cfd55187ff6e60c8）を次のように URL に挿入します：

    https://bcovlive-a.akamaihd.net/21e83ff8c229478e8c81416838eb6e1f/us-west-2/NA/045f90cfd55187ff6e60c8/playlist.m3u8

    次に、プレイリストを playlist.m3u8 から playlist_ssaiM.m3u8 にリネームします。リモートアセットは次のようになります：

    https://bcovlive-a.akamaihd.net/21e83ff8c229478e8c81416838eb6e1f/us-west-2/NA/045f90cfd55187ff6e60c8/playlist_ssaiM.m3u8

    手順 6 にスキップしてこのプレイリスト URL を使用します。

  3. 広告設定 ID の値がわからない場合は、次の方法で完全なプレイリスト URL を取得できます。使用したい広告設定を選択します。
    Select ad config
    Select ad config
  4. ブラウザーのネットワークコンソールタブを開きます。ここでは Chrome ブラウザーを使用しています。
  5. ネットワークコンソールで「playlist_ssaiM」を検索します。「playlist_ssaiM.m3u8」で終わる URL をコピーします。ページを更新してネットワークタブを再度開く必要がある場合があります。
    Network console
    Network console

    この例では、URL は次のとおりです：

    https://bcovlive-a.akamaihd.net/21e83ff8c229478e8c81416838eb6e1f/us-west-2/NA/582ea6fafea84bf595f610b8ebbeeda8/playlist_ssaiM.m3u8
  6. Studio で Media モジュールに移動し、前の手順のプレイリスト URL を指す新しいリモートアセットを作成します。左側のメニューで + Add Remote Video を選択します。
    Add Remote Video
    Add Remote Video
  7. Add Remote Video ダイアログで Video Name とプレイリスト URL を入力します。Save ボタンをクリックします。
    Add Remote Video dialog
    Add Remote Video dialog
  8. これで、リモートライブストリームを指すビデオ ID が作成されました。アカウントの任意のプレーヤーでこれを使用して、サーバーサイド広告付きのライブコンテンツをストリーミングできます。

ライブストリームの問題のトラブルシューティング

ライブイベントの動作についてさらにサポートが必要な場合は、お問い合わせください。できるだけ迅速に対応するために、サポートが問題を解決するために必要な情報を以下に示します。

  • ストリームが抱えている具体的な症状。たとえば、まったく再生されないのか、それともカクつきやフリーズが発生するのか？
  • このストリームが過去に正常に動作していたかどうか
  • エンコーダーで使用しているエントリポイント URL
  • 使用しているエンコーディングソフトウェアとハードウェア
  • ライブイベントを公開したプレーヤーの URL
  • ライブアセットのビデオ ID
  • エンコーダーから公開ポイントホストへのトレースルートの結果