測試發行前廣告外掛程式

在本主題中，您將學習如何在播放器中使用IMA3和FreeWheel插件的預發行版本。

概覽

在Brightcove Player中顯示視頻廣告可能是一項複雜的任務。成功交付廣告涉及多個實體（Brightcove Player本身，廣告服務器和特定的廣告插件）。為了提供測試環境以更新IMA3和FreeWheel插件，Brightcove將提供可用的插件的預發行版本。本文檔提供有關如何使用這些預發行版進行測試的說明。

預發行版將在Brightcove Web Player開發人員論壇，以及變更日誌的部分使用IMA3插件做廣告和使用FreeWheel插件做廣告文件。

在Studio中測試IMA3

以下步驟指導您如何在Studio中測試預發布的IMA3插件：

  1. 為了安全起見，您應該記錄您當前使用的插件的當前版本/plugins/plugin-version-reference.html。這將允許您恢復您在測試之前使用的插件版本。您隨時可以在外掛程式版本參考文件中找到最新版本的外掛程式。
  2. 開啟 PLAYER 模組並建立新的播放器，或找到您想要新增外掛程式的播放程式。
  3. 按一下播放程式的連結以開啟播放程式的屬性。
  4. 按一下左側導覽選單中的「廣告」。
  5. 取消選中啟用客戶端（IMA）。您不希望啟用此功能，因為它可能會干擾您即將手動加載的版本。
  6. 按一下「儲存」。
  7. 按一下左側導覽選單中的外掛程式。
  8. 接下來，單擊添加插件。
  9. 在「外掛程式名稱」中輸入ima3。
  10. 如果是網址，請輸入預先發行的 JavaScript 檔案的 URL。
  11. 對於 CSS URL，請輸入發行前版本 CSS 檔案的 URL。
  12. 在 [選項 (JSON) ] 文字方塊中輸入組態選項。如果您以前使用以下命令配置了IMA3插件外掛程式部分，您很可能不需要對選項進行任何更改。
  13. 按一下「儲存」。
  14. 若要使用播放器，請按一下「發佈與嵌入」，您可以使用「預覽播放器」進行測試，或者您可以發佈並使用已發佈的播放程式。
  15. 要關閉打開的對話框，請單擊關。

在Studio中測試FreeWheel

以下步驟指導您如何在Studio中測試預發布的FreeWheel插件：

  1. 為了安全起見，您應該記錄您目前使用的外掛程式的目前版本。這將允許您恢復您在測試之前使用的插件版本。您隨時可以在外掛程式版本參考文件中找到最新版本的外掛程式。
  2. 開啟 PLAYER 模組並建立新的播放器，或找到您想要新增外掛程式的播放程式。
  3. 按一下播放程式的連結以開啟播放程式的屬性。
  4. 按一下左側導覽選單中的外掛程式。
  5. 接下來，點擊添加插件或者，如果您看到FreeWheel插件在插件列表中，單擊該。
  6. 在「外掛程式名稱」中輸入FreeWheelPlugin。
  7. 如果是網址，請輸入預先發行的 JavaScript 檔案的 URL。
  8. 對於 CSS URL，請輸入發行前版本 CSS 檔案的 URL。
  9. 在 [選項 (JSON) ] 文字方塊中輸入組態選項。如果您以前使用以下命令配置了FreeWheel插件外掛程式部分，您很可能不需要對選項進行任何更改。
  10. 按一下「儲存」。
  11. 若要使用播放器，請按一下「發佈與嵌入」，您可以使用「預覽播放器」進行測試，或者您可以發佈並使用已發佈的播放程式。
  12. 要關閉打開的對話框，請單擊關。

測試程序實現

無論您是使用IMA3插件還是FreeWheel插件，以編程方式測試在何處以編程方式實現該插件。基本上，您只需將JavaScript和CSS文件的現有路徑替換為預發布版本的路徑即可。執行此任務的步驟如下。

  1. 為了安全起見，您應該記錄您目前使用的外掛程式的目前版本。這將允許您恢復您在測試之前使用的插件版本。您隨時可以在外掛程式版本參考文件中找到最新版本的外掛程式。
  2. 在您的代碼中，找到<link>和<script>標籤，用於為相應的插件插入CSS和JavaScript。在下面的代碼中，突出顯示了IMA3插件的示例。
  3. 將這些路徑替換為預發行版本。
  4. 刷新頁面，您將使用預發行版本。
  5. 測試完成後，使用記錄的路徑再次編輯JavaScript和CSS文件的路徑，以恢復原始配置。
<!doctype html>
<html>

<head>
  <meta charset="UTF-8">
  <title>IMA3 Plugin Code Example</title>
  <link href="https://players.brightcove.net/videojs-ima3/4/videojs-ima3.css" rel="stylesheet">
</head>
<body>

  <video-js id="myPlayerID"
    data-account="1752604059001"
    data-player="Hy3gDJHu"
    data-embed="default"
    controls=""
    data-video-id="3851380732001"
    data-playlist-id=""
    data-application-id=""
    width="960" height="540"></video-js>
  <script src="https://players.brightcove.net/1752604059001/default_default/index.min.js"></script>

  <script src="https://players.brightcove.net/videojs-ima3/4/videojs-ima3.min.js"></script>

  <script>
    var myPlayer;

    bc('myPlayerID').ima3({
      serverUrl: 'http://solutions.brightcove.com/bcls/brightcove-player/vmap/simple-vmap.xml';
    });
    videojs.getPlayer('myPlayerID').ready(function() {
      myPlayer = this;
      ...
    });
  </script>
</body>

</html>