विज्ञापन काउंटडाउन टाइमर बनाना

हमारा सुझाव है कि HTML5 IMA SDK, पहले से मौजूद काउंटडाउन टाइमर को UIElements को अपनाएं. अगर आपको अब भी अपना नया कोड लागू करना है, तो नीचे दिया गया तरीका अपनाएं.

इस गाइड में, HTML5 IMA SDK लागू करने के लिए काउंटडाउन टाइमर जोड़ने का तरीका बताया गया है.

ज़रूरी शर्तें

इस गाइड में यह माना गया है कि आपने HTML5 IMA SDK को सही तरीके से लागू किया है. अगर आप ऐसा नहीं करते हैं, शुरुआती निर्देश देखें.

टाइमर बनाया जा रहा है

IMA की सुविधा वाले वीडियो प्लेयर में काउंटडाउन टाइमर जोड़ने के लिए, सिर्फ़ यह ज़रूरी है remainingTime प्रॉपर्टी को पोल करने के लिए JavaScript की कुछ लाइनें जोड़कर AdsManager इंस्टेंस में से. हम setInterval() तरीके का इस्तेमाल इन कामों के लिए करते हैं adsManager.remainingTime की जांच करने के लिए हर सेकंड फ़ंक्शन को कॉल करें.

// Global countdown timer
var countdownTimer;
...
function onAdsManagerLoaded(adsManagerLoadedEvent) {
  adsManager = adsManagerLoadedEvent.getAdsManager(
      videoElement);
  ...
  adsManager.addEventListener(
      google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED,
      onContentResumeRequested);
  adsManager.addEventListener(
      google.ima.AdEvent.Type.STARTED,
      onAdsStarted);
}
...
function onAdsStarted(adEvent) {
  countdownTimer = setInterval(function() {
    var timeRemaining = adsManager.getRemainingTime();
    // Update UI with timeRemaining
  }, 1000);
}
...
function onContentResumeRequested(adEvent) {
  ...
  if (countdownTimer) {
    clearInterval(countdownTimer);
  }
}
  

इसे आज़माएं

आप नीचे इसका काम करने का तरीका देख सकते हैं.