คู่มือนี้จะอธิบายการเพิ่มนาฬิกานับเวลาถอยหลังลงในการติดตั้งใช้งาน HTML5 IMA SDK
ข้อกำหนดเบื้องต้น
คู่มือนี้มีสมมติฐานว่าคุณมีการติดตั้งใช้งาน HTML5 IMA SDK ที่ทํางานอยู่ หากยังไม่ได้ทำ โปรดดูคู่มือเริ่มต้นใช้งาน
กำลังสร้างตัวจับเวลา
การเพิ่มนาฬิกานับเวลาถอยหลังลงในโปรแกรมเล่นวิดีโอที่เปิดใช้ IMA เพียงเพิ่ม JavaScript เพียงไม่กี่บรรทัดเพื่อทำแบบสำรวจพร็อพเพอร์ตี้ remainingTime
ของอินสแตนซ์ AdsManager
เราใช้เมธอด setInterval()
เพื่อเรียกใช้ฟังก์ชันทุกๆ วินาทีเพื่อตรวจสอบ adsManager.remainingTime
// 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); } }
ลองเลย
ดูการใช้งานที่ใช้งานได้ด้านล่าง