একটি বিজ্ঞাপন কাউন্টডাউন টাইমার তৈরি করুন

এই নির্দেশিকা আপনাকে একটি HTML5 IMA SDK বাস্তবায়নে একটি কাউন্টডাউন টাইমার যোগ করার মাধ্যমে নিয়ে যায়৷

পূর্বশর্ত

এই নির্দেশিকা অনুমান করে যে আপনার একটি কার্যকরী HTML5 IMA SDK বাস্তবায়ন রয়েছে৷ যদি আপনি না করেন, IMA SDK সেট আপ করুন ।

টাইমার তৈরি করুন

আপনার IMA-সক্ষম ভিডিও প্লেয়ারে একটি কাউন্টডাউন টাইমার যোগ করার জন্য AdsManager উদাহরণের remainingTime প্রপার্টি পোল করতে জাভাস্ক্রিপ্টের কয়েকটি লাইন যোগ করতে হবে। 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);
  }
}

চেষ্টা করে দেখুন

এই কার্যকরী বাস্তবায়ন দেখুন.