Tải quảng cáo trước video cho sự kiện phát trực tiếp

Bạn có thể sử dụng SDK IMA để kiếm tiền từ sự kiện phát trực tiếp cũng như video theo yêu cầu. Đối với sự kiện phát trực tiếp, bạn cần tạo một yêu cầu quảng cáo mới cho mỗi điểm chèn quảng cáo. Phân tách các yêu cầu này để đảm bảo rằng tất cả người xem đều không yêu cầu quảng cáo cùng một lúc và làm chậm(các) máy chủ quảng cáo.

Để trợ giúp việc này, SDK IMA có AdsRequest.liveStreamPrefetchSeconds thuộc tính này. Thuộc tính này chỉ định số giây tối đa cho SDK sẽ đợi trước khi liên lạc với máy chủ quảng cáo sau khi bạn gọi AdsLoader.requestAds(). Thời gian yêu cầu thực tế sẽ được chọn ngẫu nhiên. Cho ví dụ: nếu bạn đặt AdsRequest.liveStreamPrefetchSeconds thành 30, SDK sẽ đợi từ 0 đến 30 giây sau khi bạn gọi AdsLoader.requestAds() để thực sự thực hiện yêu cầu đến máy chủ.

Tính năng tìm nạp trước trong sự kiện phát trực tiếp trong thực tế

Bạn nên tìm nạp trước điểm chèn quảng cáo tiếp theo ngay sau khi hoàn tất điểm chèn quảng cáo. Điều này đảm bảo khoảng thời gian tối đa sẵn có cho cửa sổ tìm nạp trước của bạn. Giả sử bạn có 5 phút giữa các điểm chèn quảng cáo. Khi một điểm chèn quảng cáo hoàn tất, bạn có thể yêu cầu điểm chèn quảng cáo tiếp theo với cửa sổ tìm nạp trước là 290 giây (5 phút trừ 10 giây, để đảm bảo yêu cầu được gửi vào cuối cửa sổ tìm nạp trước có đủ thời gian để giải quyết):

// 5 minutes == 300 seconds. Include a 10 second buffer
var AD_INTERVAL = 290;

function onAdEvent(adEvent) {
  var ad = adEvent.getAd();
  switch(adEvent.type) {
    case google.ima.AdEvent.Type.ALL_ADS_COMPLETED:
      // Pre-fetch our next ad break.
      requestAds();
      // Play those ads in 5 minutes. In a real-world implementation,
      // this is likely done as the result of a message from your
      // streaming server, not a timeout.
      setTimeout(playAds, AD_INTERVAL * 1000);// Convert to ms.
  }
}

function requestAds() {
  // Destroy the current AdsManager, in case the tag you requested previously
  // contains post-rolls (don't play those now).
  if (adsManager) {
    adsManager.destroy();
  }
  // Your AdsLoader will be set up on page-load. You should re-use the same
  // AdsLoader for every request. For more info on setting up the AdsLoader,
  // see the IMA HTML5 client-side "Set up the IMA SDK" guide:
  // https://developers.google.com/interactive-media-ads/docs/sdks/html5/client-side/get-started
  if (adsLoader) {
    // Reset the IMA SDK.
    adsLoader.contentComplete();
  }
  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = '...';
  adsRequest.linearAdSlotWidth = <linear_width>;
  adsRequest.linearAdSlotHeight = <linear_height>;
  adsRequest.nonLinearAdSlotWidth = <nonlinear_width>;
  adsRequest.nonLinearAdSlotHeight = <nonlinear_height>;
  adsRequest.liveStreamPrefechSeconds = AD_INTERVAL;
  adsLoader.requestAds(adsRequest);
}

function playAds() {
  adsManager.init(<linear_width>,  <linear_height>);
  adsManager.start();
}