在布萊特灣玩家的即時 SSAI 中使用玩家增強功能

在本主題中，您將學習如何使用Brightcove Player播放實時流，其中包括服務器端廣告，該服務器端廣告利用Player SSAI對Live SSAI的改進來改善用戶體驗。

簡介

Brightcove 的即時 SSAI 播放器增強功能可讓您透過廣告計數、廣告倒數計時器、點選廣告和隨附廣告來改善直播中的廣告突破。可以使用Brightcove Player播放這些實時流。

如果您是新使用此功能，請參閱下列內容：

步驟

要使用Brightcove Player播放具有播放器增強功能的實時流，請按照下列步驟操作：

  1. 從Video Cloud Studio的創建或選擇現有播放器玩家們模塊。

  2. Brightcove Player 需要配置 SSAI 插件。跟著添加 SSAI 插件中描述的步驟以編程方式實施 SSAI SSAI 插件文檔的一部分。

  3. 按照中的工作流程為 Live SSAI 實施播放器增強功能文檔，包括創建您的播放令牌。
  4. 選擇一個實現：
  5. 繼續「實作即時 SSAI 的播放程式增強功能」文件中的工作流程。

標準內嵌程式碼

從Video Cloud Studio的視頻發布視頻時媒體模塊，您可以使用標準的嵌入代碼來播放直播。請依照下列步驟執行：

  1. 在媒體模組中，選擇您的遠端視訊進行即時串流，並使用具有 SSAI 功能的播放器發佈。
  2. 複製標準的嵌入代碼並將其粘貼到您的網頁中。

  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 Cloud Studio的視頻發布視頻時媒體模塊，您可以使用高級嵌入代碼來播放直播。請依照下列步驟執行：

  1. 在媒體模組中，選擇您的遠端視訊進行即時串流，並使用具有 SSAI 功能的播放器發佈。
  2. 複製進階內嵌程式碼，然後貼到您的網頁中。

  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. 您的播放器已準備好播放您的直播。

實時SSAI來源

與VOD SSAI源不同，實時SSAI源不包括初始VMAP。這是因為實時SSAI流無法事先知道何時會包含廣告休息時間。取而代之的是，廣告間隔是由您添加到實時作業中的提示點觸發的。

Brightcove Live SSAI流以具有特定命名方案的標準HLS清單URL開頭：

https://.../playlist_ssaiM.m3u8

SSAI插件會查找_ssaiM.m3u8後綴和普通的HLS MIME類型

從Video Cloud Studio的視頻發布視頻時媒體模塊，您可以按以下方式播放實時SSAI流：

  1. 在媒體模組中，選擇您的遠端視訊進行即時串流，並使用具有 SSAI 功能的播放器發佈。
  2. 複製進階內嵌程式碼，然後貼到您的網頁中。

  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. 您的播放器已準備好播放您的直播。