Brightcove Player で Live SSAI のプレーヤー拡張機能を利用する

はじめに

Brightcove の Live SSAI 用 プレーヤー拡張機能を利用すると、広告数の表示、広告カウントダウン タイマー、クリック可能な広告、コンパニオン広告などを含め、ライブ配信中の広告体験を向上させることができます。これらのライブ配信は Brightcove Player で再生できます。

この機能を初めて使用する場合は、以下を参照してください：

• 概要：概要：Live SSAI 用 プレーヤー拡張機能
• Live SSAI 用 プレーヤー拡張機能の実装

手順

Brightcove Player を使用してプレーヤー拡張機能付きライブ配信を再生するには、以下の手順に従います：

1. Video Cloud Studio の Players モジュールで、新しいプレーヤーを作成するか、既存のプレーヤーを選択します。

2. Brightcove Player に SSAI プラグインを設定する必要があります。SSAI プラグインドキュメントの SSAI をプログラムで実装する セクションに記載されている SSAI プラグインの追加 の手順に従ってください。

3. Live SSAI プレーヤー拡張機能の実装 に記載されたワークフローに従い、再生トークンの作成まで進めます。
4. 実装方法を選択します：
   • ifarme 埋め込みコード
   • Video タグ埋め込みコード
   • Live SSAI ソース
5. 続けて、Live SSAI プレーヤー拡張機能の実装 ドキュメントのワークフローを実施します。

標準埋め込みコード

Video Cloud Studio の Media モジュールで動画を公開する際、標準埋め込みコードを使用してライブ配信を再生できます。手順は次のとおりです：

1. Media モジュールからライブ配信用のリモート動画を選択し、SSAI 対応プレーヤーで公開します。
2. iframe 埋め込みコードをコピーし、Web ページに貼り付けます。

3. <iframe> タグ内に src 属性があります。その末尾に adConfigId パラメーターを追加し、その値に 再生トークン を設定します。

     <iframe src="https://players.brightcove.net/6027103979001/IqljF4Olr_default/
     index.html?videoId=6089818309001&adConfigId=live.aaB61234aabbccdd567890"
       allowfullscreen=""
       allow="encrypted-media"
       width="960" height="540">
     </iframe>

4. プレーヤーはライブ配信を再生する準備ができています。

Video タグ埋め込みコード

Video Cloud Studio の Media モジュールで動画を公開する際、Video タグ埋め込みコードを使用してライブ配信を再生できます。手順は次のとおりです：

1. Media モジュールからライブ配信用のリモート動画を選択し、SSAI 対応プレーヤーで公開します。
2. Video タグ埋め込みコードをコピーし、Web ページに貼り付けます。

3. <video-js> タグ内に data-ad-config-id 属性を追加し、その値に 再生トークン を設定します。

     <video-js
       data-account="6027103979001"
       data-player="IqljF4Olr"
       data-embed="default"
       controls=""
       data-video-id="6089818309001"
       data-ad-config-id="live.aaB61234aabbccdd567890"
       data-playlist-id=""
       data-application-id=""
       width="960" height="540">
     </video-js>
     <script src="https://players.brightcove.net/6027103979001/IqljF4Olr_default/index.min.js"></script>

4. プレーヤーはライブ配信を再生する準備ができています。

Live SSAI ソース

VOD の SSAI ソースとは異なり、Live SSAI ソースには初期 VMAP は含まれません。これはライブ配信では広告ブレークのタイミングが事前に分からないためです。広告ブレークは、ライブジョブに追加するキューポイントによってトリガーされます。

Brightcove Live SSAI の配信は、特定の命名規則を持つ標準的な HLS マニフェスト URL から開始されます：

  https://.../playlist_ssaiM.m3u8

SSAI プラグインは、_ssaiM.m3u8 というサフィックスと通常の HLS MIME タイプを確認します。

Video Cloud Studio の Media モジュールから動画を公開するとき、Live SSAI ストリームは次のように再生できます：

1. Media モジュールからライブ配信用のリモート動画を選択し、SSAI 対応プレーヤーで公開します。
2. Video タグ埋め込みコードをコピーし、Web ページに貼り付けます。

3. ページに次のコードを追加します：

     <video-js id="myPlayerID"
       data-account="6027103979001"
       data-player="IqljF4Olr"
       data-embed="default"
       controls=""
       data-video-id=""
       data-playlist-id=""
       data-application-id=""
       width="960" height="540">
     </video-js>
     <script src="https://players.brightcove.net/6027103979001/IqljF4Olr_default/index.min.js"></script>
     <script>
       videojs.getPlayer('myPlayerID').ready(function() {
         var myPlayer = this;
         myPlayer.src({
           type: 'application/x-mpegURL',
           src: 'https://path/to/playlist_ssaiM.m3u8'
         })
       });
     </script>

4. プレーヤーはライブ配信を再生する準備ができています。