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

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

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

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

इस गाइड में यह माना गया है कि आपने HTML5 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);
  }
}
  

इसे आज़माएं

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