Bu kılavuz, HTML5 IMA SDK uygulamasına geri sayım zamanlayıcı ekleme konusunda size yol gösterir.
Ön koşullar
Bu kılavuzda, çalışan bir HTML5 IMA SDK uygulamasına sahip olduğunuz varsayılmaktadır. Aksi takdirde Başlangıç kılavuzuna bakın.
Zamanlayıcı oluşturuluyor
IMA özellikli video oynatıcınıza geri sayım zamanlayıcı eklemek için yalnızca
remainingTime özelliğini yoklamak için birkaç JavaScript satırı ekleniyor
(AdsManager örneğine bakalım.) setInterval() yöntemini şu amaçlarla kullanırız:
adsManager.remainingTime işlevini kontrol etmek için saniyede bir işlev çağırın.
// 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);
}
}
Deneyin
Çalışan bir uygulamayı aşağıda görebilirsiniz.