এই গাইড আপনাকে 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); } }
এটি ব্যবহার করে দেখুন
এই কার্যকরী প্রয়োগ দেখুন।
CodePen-এ IMA SDK (@imasdk) দ্বারা