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

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

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

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

टाइमर बनाना

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

// 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);
  }
}

इसे आज़माएं

लागू करने का यह तरीका देखें.