No public description

PiperOrigin-RevId: 731404532
googleads · Feb 26, 2025 · 29e1fed · 29e1fed
1 parent d68e117
commit 29e1fed
Show file tree

Hide file tree

Showing 6 changed files with 65 additions and 33 deletions.
diff --git a/dash_js/simple/dai.js b/dash_js/simple/dai.js
@@ -11,6 +11,9 @@ const BACKUP_STREAM =
 const TEST_CONTENT_SOURCE_ID = '2559737';
 const TEST_VIDEO_ID = 'tos-dash';
 
+const NETWORK_CODE = '21775744923';
+const API_KEY = null;
+
 // StreamManager which will be used to request ad-enabled streams.
 let streamManager;
 
@@ -83,9 +86,9 @@ function initPlayer() {
  * Initiate stream playback.
  */
 function initiatePlayback() {
-  requestVODStream(TEST_CONTENT_SOURCE_ID, TEST_VIDEO_ID, null);
+  requestVODStream(TEST_CONTENT_SOURCE_ID, TEST_VIDEO_ID, NETWORK_CODE, API_KEY);
   // Uncomment line below and comment one above to request a LIVE stream.
-  // requestLiveStream(TEST_ASSET_KEY, null);
+  // requestLiveStream(TEST_ASSET_KEY, NETWORK_CODE, API_KEY);
 
   playButton.style.display = 'none';
   playButton.removeEventListener('click', initiatePlayback);
@@ -103,12 +106,14 @@ function resumePlayback() {
 /**
  * Requests a Live stream with ads.
  * @param {string} assetKey
+ * @param {?string} networkCode
  * @param {?string} apiKey
  */
-function requestLiveStream(assetKey, apiKey) {
+function requestLiveStream(assetKey, networkCode, apiKey) {
   const streamRequest = new google.ima.dai.api.LiveStreamRequest();
   streamRequest.assetKey = assetKey;
-  streamRequest.apiKey = apiKey || '';
+  streamRequest.networkCode = networkCode;
+  streamRequest.apiKey = apiKey;
   streamRequest.format = 'dash';
   streamManager.requestStream(streamRequest);
 }
@@ -117,12 +122,14 @@ function requestLiveStream(assetKey, apiKey) {
  * Requests a VOD stream with ads.
  * @param {string} cmsId
  * @param {string} videoId
+ * @param {?string} networkCode
  * @param {?string} apiKey
  */
-function requestVODStream(cmsId, videoId, apiKey) {
+function requestVODStream(cmsId, videoId, networkCode, apiKey) {
   const streamRequest = new google.ima.dai.api.VODStreamRequest();
   streamRequest.contentSourceId = cmsId;
   streamRequest.videoId = videoId;
+  streamRequest.networkCode = networkCode;
   streamRequest.apiKey = apiKey;
   streamRequest.format = 'dash';
   streamManager.requestStream(streamRequest);

diff --git a/hls_js/advanced/dai.html b/hls_js/advanced/dai.html
@@ -1,9 +1,9 @@
 <html>
 <head>
   <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
-  <script type="text/javascript" src="https://imasdk.googleapis.com/js/sdkloader/ima3_dai.js"></script>
+  <script src="https://imasdk.googleapis.com/js/sdkloader/ima3_dai.js"></script>
   <script src="dai.js"></script>
-  <link rel="stylesheet" href="dai.css" type="text/css">
+  <link rel="stylesheet" href="dai.css">
 </head>
 <body onLoad="initPage()">
   <div id="container">
@@ -22,17 +22,17 @@
       <div id="live-inputs" class="input-group">
         <label for="asset-key" class="input-group">Asset key: </label>
         <input type="text" id="asset-key" class="input-group"/><br />
-        <label for="live-api-key" class="input-group">API Key (optional): </label>
-        <input type="text" id="live-api-key" class="input-group"/>
       </div>
       <div id="vod-inputs" class="input-group">
         <label for="cms-id" class="input-group">CMS ID: </label>
         <input type="text" id="cms-id"/>
         <label for="video-id" class="input-group">Video ID: </label>
         <input type="text" id="video-id" class="input-group"/><br />
-        <label for="vod-api-key" class="input-group">API Key (optional): </label>
-        <input type="text" id="vod-api-key" class="input-group"/>
       </div>
+      <label for="network-code" class="input-group">Network code: </label>
+      <input type="text" id="network-code" class="input-group"/>
+      <label for="api-key" class="input-group">API Key (optional): </label>
+      <input type="text" id="api-key" class="input-group"/>
     </div>
 
     <div id="video-player">

diff --git a/hls_js/advanced/dai.js b/hls_js/advanced/dai.js
@@ -10,6 +10,8 @@ const TEST_ASSET_KEY = 'c-rArva4ShKVIAkNfy6HUQ';
 const TEST_CONTENT_SOURCE_ID = '2548831';
 const TEST_VIDEO_ID = 'tears-of-steel';
 
+const NETWORK_CODE = '21775744923';
+
 // StreamManager which will be used to request ad-enabled streams.
 let streamManager;
 
@@ -37,17 +39,17 @@ let vodInputs;
 // Text box with asset key.
 let assetKeyInput;
 
-// Text box with live API key.
-let liveAPIKeyInput;
-
 // Text box with CMS ID.
 let cmsIdInput;
 
 // Text box with Video ID.
 let videoIdInput;
 
-// Text box with VOD API key.
-let vodAPIKeyInput;
+// Text box with network code.
+let networkCodeInput;
+
+// Text box with API key.
+let apiKeyInput;
 
 // Video element.
 let videoElement;
@@ -101,10 +103,10 @@ function initUI() {
   liveInputs = document.getElementById('live-inputs');
   vodInputs = document.getElementById('vod-inputs');
   assetKeyInput = document.getElementById('asset-key');
-  liveAPIKeyInput = document.getElementById('live-api-key');
   cmsIdInput = document.getElementById('cms-id');
   videoIdInput = document.getElementById('video-id');
-  vodAPIKeyInput = document.getElementById('vod-api-key');
+  networkCodeInput = document.getElementById('network-code');
+  apiKeyInput = document.getElementById('api-key');
 
   liveRadio.addEventListener('click', onLiveRadioClick);
 
@@ -113,12 +115,14 @@ function initUI() {
   liveFakeLink.addEventListener('click', () => {
     onLiveRadioClick();
     assetKeyInput.value = TEST_ASSET_KEY;
+    networkCodeInput.value = NETWORK_CODE;
   });
 
   vodFakeLink.addEventListener('click', () => {
     onVODRadioClick();
     cmsIdInput.value = TEST_CONTENT_SOURCE_ID;
     videoIdInput.value = TEST_VIDEO_ID;
+    networkCodeInput.value = NETWORK_CODE;
   });
 }
 
@@ -238,7 +242,8 @@ function requestLiveStream() {
   isLiveStream = true;
   const streamRequest = new google.ima.dai.api.LiveStreamRequest();
   streamRequest.assetKey = assetKeyInput.value;
-  streamRequest.apiKey = liveAPIKeyInput.value || '';
+  streamRequest.networkCode = networkCodeInput.value;
+  streamRequest.apiKey = apiKeyInput.value;
   streamManager.requestStream(streamRequest);
 }
 
@@ -250,7 +255,8 @@ function requestVODStream() {
   const streamRequest = new google.ima.dai.api.VODStreamRequest();
   streamRequest.contentSourceId = cmsIdInput.value;
   streamRequest.videoId = videoIdInput.value;
-  streamRequest.apiKey = vodAPIKeyInput.value;
+  streamRequest.networkCode = networkCodeInput.value;
+  streamRequest.apiKey = apiKeyInput.value;
   streamManager.requestStream(streamRequest);
 }
 

diff --git a/hls_js/dai_preroll/dai.js b/hls_js/dai_preroll/dai.js
@@ -17,6 +17,9 @@ const TEST_AD_TAG = 'https://pubads.g.doubleclick.net/gampad/ads?' +
     'cust_params=sample_ct%3Dlinear&ciu_szs=300x250%2C728x90&gdfp_req=1&' +
     'output=vast&unviewed_position_start=1&env=vp&impl=s&correlator=';
 
+const NETWORK_CODE = '21775744923';
+const API_KEY = null;
+
 // StreamManager which will be used to request ad-enabled streams.
 let streamManager;
 
@@ -139,7 +142,7 @@ function onAdsManagerLoaded(adsManagerLoadedEvent) {
   adsManager.addEventListener(
       google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, function(e) {
         console.log('Content resume requested.');
-        requestLiveStream(TEST_ASSET_KEY, null);
+        requestLiveStream(TEST_ASSET_KEY, NETWORK_CODE, API_KEY);
       });
   adsManager.addEventListener(google.ima.AdEvent.Type.PAUSED, function(e) {
     console.log('Preroll paused.');
@@ -176,12 +179,14 @@ function requestPreroll(adTagUrl) {
 /**
  * Requests a Live stream with ads.
  * @param {string} assetKey
+ * @param {?string} networkCode
  * @param {?string} apiKey
  */
-function requestLiveStream(assetKey, apiKey) {
+function requestLiveStream(assetKey, networkCode, apiKey) {
   const streamRequest = new google.ima.dai.api.LiveStreamRequest();
   streamRequest.assetKey = assetKey;
-  streamRequest.apiKey = apiKey || '';
+  streamRequest.networkCode = networkCode;
+  streamRequest.apiKey = apiKey;
   streamManager.requestStream(streamRequest);
 }
 

diff --git a/hls_js/simple/dai.js b/hls_js/simple/dai.js
@@ -11,6 +11,9 @@ const BACKUP_STREAM =
 const TEST_CONTENT_SOURCE_ID = '2548831';
 const TEST_VIDEO_ID = 'tears-of-steel';
 
+const NETWORK_CODE = '21775744923';
+const API_KEY = null;
+
 // StreamManager which will be used to request ad-enabled streams.
 let streamManager;
 
@@ -74,9 +77,9 @@ function initPlayer() {
  * Initiate stream playback.
  */
 function initiatePlayback() {
-  requestVODStream(TEST_CONTENT_SOURCE_ID, TEST_VIDEO_ID, null);
+  requestVODStream(TEST_CONTENT_SOURCE_ID, TEST_VIDEO_ID, NETWORK_CODE, API_KEY);
   // Uncomment line below and comment one above to request a LIVE stream.
-  // requestLiveStream(TEST_ASSET_KEY, null);
+  // requestLiveStream(TEST_ASSET_KEY, NETWORK_CODE, API_KEY);
 
   playButton.style.display = 'none';
   playButton.removeEventListener('click', initiatePlayback);
@@ -94,25 +97,29 @@ function resumePlayback() {
 /**
  * Requests a Live stream with ads.
  * @param {string} assetKey
+ * @param {?string} networkCode
  * @param {?string} apiKey
  */
-function requestLiveStream(assetKey, apiKey) {
+function requestLiveStream(assetKey, networkCode, apiKey) {
   const streamRequest = new google.ima.dai.api.LiveStreamRequest();
   streamRequest.assetKey = assetKey;
-  streamRequest.apiKey = apiKey || '';
+  streamRequest.networkCode = networkCode;
+  streamRequest.apiKey = apiKey;
   streamManager.requestStream(streamRequest);
 }
 
 /**
  * Requests a VOD stream with ads.
  * @param {string} cmsId
  * @param {string} videoId
+ * @param {?string} networkCode
  * @param {?string} apiKey
  */
-function requestVODStream(cmsId, videoId, apiKey) {
+function requestVODStream(cmsId, videoId, networkCode, apiKey) {
   const streamRequest = new google.ima.dai.api.VODStreamRequest();
   streamRequest.contentSourceId = cmsId;
   streamRequest.videoId = videoId;
+  streamRequest.networkCode = networkCode;
   streamRequest.apiKey = apiKey;
   streamManager.requestStream(streamRequest);
 }

diff --git a/native/simple/dai.js b/native/simple/dai.js
@@ -10,6 +10,9 @@ const BACKUP_STREAM =
 const TEST_CONTENT_SOURCE_ID = '2548831';
 const TEST_VIDEO_ID = 'tears-of-steel';
 
+const NETWORK_CODE = '21775744923';
+const API_KEY = null;
+
 // StreamManager which will be used to request ad-enabled streams.
 let streamManager;
 
@@ -43,33 +46,37 @@ function initPlayer() {
       ],
       onStreamEvent, false);
 
-  requestVODStream(TEST_CONTENT_SOURCE_ID, TEST_VIDEO_ID, null);
+  requestVODStream(TEST_CONTENT_SOURCE_ID, TEST_VIDEO_ID, NETWORK_CODE, API_KEY);
   // Uncomment line below and comment one above to request a LIVE stream.
-  // requestLiveStream(TEST_ASSET_KEY, null);
+  // requestLiveStream(TEST_ASSET_KEY, NETWORK_CODE, API_KEY);
 }
 
 /**
  * Requests a Live stream with ads.
  * @param {string} assetKey
+ * @param {?string} networkCode
  * @param {?string} apiKey
  */
-function requestLiveStream(assetKey, apiKey) {
+function requestLiveStream(assetKey, networkCode, apiKey) {
   const streamRequest = new google.ima.dai.api.LiveStreamRequest();
   streamRequest.assetKey = assetKey;
-  streamRequest.apiKey = apiKey || '';
+  streamRequest.networkCode = networkCode;
+  streamRequest.apiKey = apiKey;
   streamManager.requestStream(streamRequest);
 }
 
 /**
  * Requests a VOD stream with ads.
  * @param {string} cmsId
  * @param {string} videoId
+ * @param {?string} networkCode
  * @param {?string} apiKey
  */
-function requestVODStream(cmsId, videoId, apiKey) {
+function requestVODStream(cmsId, videoId, networkCode, apiKey) {
   const streamRequest = new google.ima.dai.api.VODStreamRequest();
   streamRequest.contentSourceId = cmsId;
   streamRequest.videoId = videoId;
+  streamRequest.networkCode = networkCode;
   streamRequest.apiKey = apiKey;
   streamManager.requestStream(streamRequest);
 }