এই নির্দেশিকা আপনাকে একটি HTML5 IMA SDK বাস্তবায়নে একটি কাউন্টডাউন টাইমার যোগ করার মাধ্যমে নিয়ে যায়৷
পূর্বশর্ত
এই নির্দেশিকা অনুমান করে যে আপনার একটি কার্যকরী HTML5 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);
}
}
চেষ্টা কর
আপনি নীচে একটি কার্যকরী বাস্তবায়ন দেখতে পারেন।