Jak rychlé budou next-gen procesory Intelu? První pohled na Arrow Lake převrací očekávání naruby

27. 7. 2024

Sdílet

Procesor Intel po platformu LGA 1700 (Core 12. generace) Autor: Ľubomír Samák
Procesor Intel po platformu LGA 1700 (Core 12. generace)
Insider publikoval šest testů výkonu nejvýkonnějšího chystaného procesoru Arrow Lake pro socket LGA 1851, který Intel vydá v říjnu. A všechno je jinak?

Procesory AMD s architekturou Zen 5 jsou sice (tedy pokud jde desktopovou verzi) o trošku opožděné, ale už předtím jsme dostali určité indicie o výkonu. Mnohem větší záhadou jsou konkurenční procesory Intel Arrow Lake, které vyjdou v říjnu a ještě nejsou jisté jejich takty, což ponechává masivní otazníky nad jejich výkonem. Do této nejistoty se naštěstí objevují první předběžné benchmarky, které konečně naznačují, na co se lze těšit.

Pamatujte na to, že jde zatím o údaje předběžné, které je zatím třeba brát s rezervou. Jejich původcem je ale onen leaker Jakihn, který je hodně pravděpodobně legitimním insiderem a už toho z plánů Intelu v posledním měsíci vynesl hodně. Tento týden Jaykihn publikoval několik benchmarků výkonu, které mají ukazovat aktuální schopnosti Core Ultra 9 285K, což by měl být nejvýkonnější procesor Arrow Lake pro desktop s 8 jádry Lion Cove a 16 efektivními jádry (E-Core) Skymont.

Levnější desky pro procesory Intel Arrow Lake budou dost ořezané. Jak se liší Z890, B860 a H810 Přečtěte si také:

Levnější desky pro procesory Intel Arrow Lake budou dost ořezané. Jak se liší Z890, B860 a H810

Procesory Arrow Lake budou Intelu muset vydržet dva roky, následující generace pro desktop je zrušená Přečtěte si také:

Procesory Arrow Lake budou Intelu muset vydržet dva roky, následující generace pro desktop je zrušená

Nevěří Intel svým next-gen CPU? Paralelně vydá nové procesory na staré platformě a bez big.LITTLE Přečtěte si také:

Nevěří Intel svým next-gen CPU? Paralelně vydá nové procesory na staré platformě a bez big.LITTLE

Parametry 1,8nm procesorů Intel Panther Lake pro notebooky prozrazené: Silné GPU, míň velkých jader? Přečtěte si také:

Parametry 1,8nm procesorů Intel Panther Lake pro notebooky prozrazené: Silné GPU, míň velkých jader?

První testy vzorku Core Ultra 9 285K

Tyto testy jsou údajně provedené na QS (kvalifikačním vzorku) procesoru, který by už měl mít parametry stejné jako hotové Core Ultra 9 285K. Nicméně QS vzorky jsou zatím údajně dostupné jen interně v Intelu, takže je možné, že naměřená skóre má Jaykihn z druhé ruky. Důležité ale je, že výkon prý nejspíš není definitivní, podle leakera se zřejmě ještě zlepší. Zatímco parametry (frekvence) CPU by nejspíš už měly odpovídat, firmware je tři měsíce před vydáním asi ještě nedotažený, takže ve finále by v některých testech mohl výkon být lepší. Zejména asi v programech, které pracují hodně s pamětí, jejíž nastavení asi ještě nemusí být vyladěná.

V těchto benchmarcích je kvalifikační vzorek (QS) porovnávaný se starším a pomalejším inženýrským vzorkem (ES2) a pro srovnání s Core i9–14900K z nynější generace procesorů Intel. Všechny procesory mají nastavené 250W PL2, tedy stejnou maximální spotřebu (berte v úvahu, že toto donedávna nebyl standard u i9–14900K, které v recenzích obvyklé mívalo vyšší spotřebu a tím vyšší mnohovláknová skóre).

Prvním benchmarkem, který Jaykihn ukazuje, je CrossMark od BAPCo. Tento test by měl reprezentovat celkový výkon počítače a responzivnost, měl by být založen na modelech existujících aplikací. V tomto testu má kvalifikační vzorek Arrow Lake 2587 bodů a překonává o +6,4 % skóre Core i9–14900K. Toto je kompozitní skóre testu, jednotlivé subskóre nejsou uvedena.

Následují dva testy webových prohlížečů, kde to bohužel pro Arrow Lake dopadá špatně, jak ES, tak QS jsou pomalejší než starý procesor Raptor Lake. Ve WebXPRT4 3.73 je Arrow Lake pomalejší o 4,2 %, ve Speedometer 2.1 vychází ještě větší rozdíl, −9,4 % pro Arrow Lake. Oba testy používají na všech procesorech prohlížeč Chrome v114.

Neslavný je také jednovláknový test Geekbench 5.4.5 (ST), kde kvalifikační vzorek Arrow Lake získal 2455 bodů, což je jen o 0,9 % lepší než skóre Core i9–14900K. Nová generace by tedy měla podle tohoto mizivé zlepšení jednovláknového výkonu. Mohlo by to být proto, že frekvence velkých jader během maximálního boostu podle úniků mají být jen 5,7 GHz (u nejvyššího modelu Core Ultra 9 285K), což je regrese proti až 6,0GHz Raptor Lake.

To, co rozhodne o osudu procesorů Intel Arrow Lake: Údajné frekvence top modelu byly odhaleny Přečtěte si také:

To, co rozhodne o osudu procesorů Intel Arrow Lake: Údajné frekvence top modelu byly odhaleny

Ovšem pozor, Arrow Lake si překvapivě utrhlo vítězství v mnohovláknovém skóre. V Geekbenchi 5.4.5 (MT) má 27 381 bodů což je o +14,6 % lepší než výkon Core i9–14900K.

A podobně se Arrow Lake pochlapuje také v Cinebenchi R23 (mnohovláknovém), kde má 43 118 bodů a to je dokonce o +17,5 % lepší skóre, než má Raptor Lake. Je třeba říci, že u Core i9–14900K často v recenzích najdete vyšší skóre přes 40 000 bodů, ale to je právě tehdy, když má (proti „doporučením“ Intelu) odemčenou spotřebu, zatímco respektování 250W limitu výkon o dost sníží. Toto ukazuje, že je Arrow Lake energeticky efektivnější (což by rozhodně měl být, když používá 3nm proces proti 7nm technologii Raptor Lake).

Předběžný výkon QS Intel Core Ultra 9 285K
Benchmarky (250W) Arrow Lake ES Arrow Lake QS Core i9–14900K Arrow Lake vs. Raptor Lake
CrossMark 2145 2587 2432 +6,4 %
WebXPRT4 3.73 304 372 388 −4,2 %
Speedometer 2.1 385 472 521 −9,4 %
Geekbench 5.4.5 (ST) 2001 2455 2432 +0,9 %
Geekbench 5.4.5 (MT) 22 076 27 381 23 902 +14,6 %
Cinebench R23 (MT) 34 975 43 118 36 681 +17,5 %

Silný v mnohovláknovém softwaru, slabý jednovláknově?

I tak jsou toto ale překvapivé výsledky. Obecně se čekalo, že by Arrow Lake neměl být zrovna v mnohovláknovém výkonu moc silný, protože má stejný počet jader P-Core i E-Core jako Raptor Lake, zatímco jeho velká jádra ztratí HT a tím i část výkonu v mnohovláknových úlohách typu Cinebench. Zdá se ale, že nové efektivní jádro Skymont tento deficit hravě překonává. Má totiž mít o desítky procent lepší výkon na 1 MHz proti předchozímu E-Core a ještě možná i vyšší takty.

Lion Cove boří mýtus o smrti x86. Nová architektura od Intelu mění od základu všechny části jádra CPU Přečtěte si také:

Lion Cove boří mýtus o smrti x86. Nová architektura od Intelu mění od základu všechny části jádra CPU

Když je malé jádro větší bomba než to velké: Architektura Skymont, zachránce Intelu? Přečtěte si také:

Když je malé jádro větší bomba než to velké: Architektura Skymont, zachránce Intelu?

Překvapivě by tak Arrow Lake mohlo být silné právě v mnohovláknovém výkonu, kde patrně maximální konfigurace s 8+16 jádry bude úspěšně čelit (a v programech jako Cinebench R23 tedy možná i porážet) i nejrychlejší Ryzen 9 9950X s 16 jádry Zen 5 a 32 vlákny. Naopak v jednovláknovém výkonu, kde bývala historicky síla Intelu a čekali jsme, že u Arrow Lake projde větším pokrokem a možná zase bude vést nad AMD, to teď skoro vypadá na prohru. Tedy zcela proti očekáváním.

Uvidíme ale, jak se ještě případně změní výkon oním dalším laděním platformy. Teoreticky by se tím asi mohly zlepšit ony testy výkonu v prohlížeči, takže by pak i jednovláknový výkon mohl vypadat lépe.

zabbix_tip

Bohužel bude trvat asi ještě dost dlouho, než o výkonu dostaneme kompletní obrázek, protože procesory Arrow Lake pro desktop vyjdou až v říjnu letošního roku. Ale až za dva týdny a něco vyjdou recenze Ryzenu 9 9950X, bude se aspoň možno podívat na jeho skóre v Cinebenchi R23, které určitě v nějaké recenzi bude naměřeno, a porovnat s těmito údajnými výsledky QS vzorku nové generace Intelu.

Zdroj: Jaykihn

Autor článku

Redaktor portálu Cnews.cz. Zaměřuje se na procesory, mobilní SoC, grafické karty, disky a další počítačový hardware. Profil autora →

'; document.getElementById('preroll-iframe').onload = function () { setupIframe(); } prerollContainer = document.getElementsByClassName('preroll-container-iframe')[0]; } function setupIframe() { prerollDocument = document.getElementById('preroll-iframe').contentWindow.document; let el = prerollDocument.createElement('style'); prerollDocument.head.appendChild(el); el.innerText = "#adContainer>div:nth-of-type(1),#adContainer>div:nth-of-type(1) > iframe { width: 99% !important;height: 99% !important;max-width: 100%;}#videoContent,body{ width:100vw;height:100vh}body{ font-family:'Helvetica Neue',Arial,sans-serif}#videoContent{ overflow:hidden;background:#000}#adMuteBtn{ width:35px;height:35px;border:0;background:0 0;display:none;position:absolute;fill:rgba(230,230,230,1);bottom:20px;right:25px}"; videoContent = prerollDocument.getElementById('contentElement'); videoContent.style.display = 'none'; videoContent.volume = 1; videoContent.muted = false; const playPromise = videoContent.play(); if (playPromise !== undefined) { playPromise.then(function () { console.log('PREROLL sound allowed'); // setUpIMA(true); videoContent.volume = 1; videoContent.muted = false; setUpIMA(); }).catch(function () { console.log('PREROLL sound forbidden'); videoContent.volume = 0; videoContent.muted = true; setUpIMA(); }); } } function setupDimensions() { prerollWidth = Math.min(iinfoPrerollPosition.offsetWidth, 480); prerollHeight = Math.min(iinfoPrerollPosition.offsetHeight, 320); } function setUpIMA() { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); google.ima.settings.setLocale('cs'); google.ima.settings.setNumRedirects(10); // Create the ad display container. createAdDisplayContainer(); // Create ads loader. adsLoader = new google.ima.AdsLoader(adDisplayContainer); // Listen and respond to ads loaded and error events. adsLoader.addEventListener( google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, onAdsManagerLoaded, false); adsLoader.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError, false); // An event listener to tell the SDK that our content video // is completed so the SDK can play any post-roll ads. const contentEndedListener = function () { adsLoader.contentComplete(); }; videoContent.onended = contentEndedListener; // Request video ads. const adsRequest = new google.ima.AdsRequest(); adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Preroll advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); videoContent.muted = false; videoContent.volume = 1; // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. // adsRequest.linearAdSlotWidth = prerollWidth; // adsRequest.linearAdSlotHeight = prerollHeight; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } function createAdDisplayContainer() { // We assume the adContainer is the DOM id of the element that will house // the ads. prerollDocument.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( prerollDocument.getElementById('adContainer'), videoContent); } function unmutePrerollAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } else { adsManager.setVolume(0); prerollDocument.getElementById('adMuteBtn').innerHTML = ''; } } function onAdsManagerLoaded(adsManagerLoadedEvent) { // Get the ads manager. const adsRenderingSettings = new google.ima.AdsRenderingSettings(); adsRenderingSettings.restoreCustomPlaybackStateOnAdBreakComplete = true; adsRenderingSettings.loadVideoTimeout = 12000; // videoContent should be set to the content video element. adsManager = adsManagerLoadedEvent.getAdsManager(videoContent, adsRenderingSettings); // Add listeners to the required events. adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, onContentPauseRequested); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, onContentResumeRequested); adsManager.addEventListener( google.ima.AdEvent.Type.ALL_ADS_COMPLETED, onAdEvent); // Listen to any additional events, if necessary. adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.STARTED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.COMPLETE, onAdEvent); playAds(); } function playAds() { // Initialize the container. Must be done through a user action on mobile // devices. videoContent.load(); adDisplayContainer.initialize(); // setupDimensions(); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(1920, 1080, google.ima.ViewMode.NORMAL); // Call play to start showing the ad. Single video and overlay ads will // start at this time; the call will be ignored for ad rules. adsManager.start(); // window.addEventListener('resize', function (event) { // if (adsManager) { // setupDimensions(); // adsManager.resize(prerollWidth, prerollHeight, google.ima.ViewMode.NORMAL); // } // }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. // videoContent.play(); } } function onAdEvent(adEvent) { const ad = adEvent.getAd(); console.log('Preroll event: ' + adEvent.type); switch (adEvent.type) { case google.ima.AdEvent.Type.LOADED: if (!ad.isLinear()) { videoContent.play(); } prerollDocument.getElementById('adContainer').style.width = '100%'; prerollDocument.getElementById('adContainer').style.maxWidth = '640px'; prerollDocument.getElementById('adContainer').style.height = '360px'; break; case google.ima.AdEvent.Type.STARTED: window.addEventListener('scroll', onActiveView); if (ad.isLinear()) { intervalTimer = setInterval( function () { // Example: const remainingTime = adsManager.getRemainingTime(); // adsManager.pause(); }, 300); // every 300ms } prerollDocument.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (prerollLastError === 303) { playYtVideo(); } break; case google.ima.AdEvent.Type.COMPLETE: if (ad.isLinear()) { clearInterval(intervalTimer); } playYtVideo(); break; } } function onAdError(adErrorEvent) { console.log(adErrorEvent.getError()); prerollLastError = adErrorEvent.getError().getErrorCode(); if (!loadNext()) { playYtVideo(); } } function loadNext() { iinfoVastUrlIndex++; if (iinfoVastUrlIndex < iinfoVastUrls.length) { iinfoPrerollPosition.remove(); playPrerollAd(); } else { return false; } adVolume = 1; return true; } function onContentPauseRequested() { videoContent.pause(); } function onContentResumeRequested() { videoContent.play(); } function onActiveView() { if (prerollContainer) { const containerOffset = prerollContainer.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (prerollPaused) { adsManager.resume(); prerollPaused = false; } return true; } else { if (!prerollPaused) { adsManager.pause(); prerollPaused = true; } } } return false; } function playYtVideo() { iinfoPrerollPosition.remove(); youtubeIframe.style.display = 'block'; youtubeIframe.src += '&autoplay=1&mute=1'; } }
'; document.getElementById('outstream-iframe').onload = function () { setupIframe(); } replayScreen = document.getElementById('iinfoOutstreamReplay'); iinfoOutstreamPosition = document.getElementById('iinfoOutstreamPosition'); outstreamContainer = document.getElementsByClassName('outstream-container')[0]; setupReplayScreen(); } function setupIframe() { outstreamDocument = document.getElementById('outstream-iframe').contentWindow.document; let el = outstreamDocument.createElement('style'); outstreamDocument.head.appendChild(el); el.innerText = "#adContainer>div:nth-of-type(1),#adContainer>div:nth-of-type(1) > iframe { width: 99% !important;height: 99% !important;max-width: 100%;}#videoContent,body{ width:100vw;height:100vh}body{ font-family:'Helvetica Neue',Arial,sans-serif}#videoContent{ overflow:hidden;background:#000}#adMuteBtn{ width:35px;height:35px;border:0;background:0 0;display:none;position:absolute;fill:rgba(230,230,230,1);bottom:-5px;right:25px}"; videoContent = outstreamDocument.getElementById('contentElement'); videoContent.style.display = 'none'; videoContent.volume = 1; videoContent.muted = false; if ( location.href.indexOf('rejstriky.finance.cz') !== -1 || location.href.indexOf('finance-rejstrik') !== -1 || location.href.indexOf('firmy.euro.cz') !== -1 || location.href.indexOf('euro-rejstrik') !== -1 || location.href.indexOf('/rejstrik/') !== -1 || location.href.indexOf('/rejstrik-firem/') !== -1) { outstreamDirectPlayed = true; soundAllowed = true; iinfoVastUrlIndex = 0; } if (!outstreamDirectPlayed) { console.log('OUTSTREAM direct'); setUpIMA(true); } else { if (soundAllowed) { const playPromise = videoContent.play(); if (playPromise !== undefined) { playPromise.then(function () { console.log('OUTSTREAM sound allowed'); setUpIMA(false); }).catch(function () { console.log('OUTSTREAM sound forbidden'); renderBanner(); }); } } else { renderBanner(); } } } function getWrapper() { let articleWrapper = document.querySelector('.rs-outstream-placeholder'); // Outstream Placeholder from RedSys manipulation if (articleWrapper && articleWrapper.style.display !== 'block') { articleWrapper.innerHTML = ""; articleWrapper.style.display = 'block'; } // Don't render OutStream on homepages if (articleWrapper === null) { if (document.querySelector('body.p-index')) { return null; } } if (articleWrapper === null) { articleWrapper = document.getElementById('iinfo-outstream'); } if (articleWrapper === null) { articleWrapper = document.querySelector('.layout-main__content .detail__article p:nth-of-type(6)'); } if (articleWrapper === null) { // Euro, Autobible, Zdravi articleWrapper = document.querySelector('.o-article .o-article__text p:nth-of-type(6)'); } if (articleWrapper === null) { articleWrapper = document.getElementById('sidebar'); } if (!articleWrapper) { console.error("Outstream wrapper of article was not found."); } return articleWrapper; } function setupDimensions() { outstreamWidth = Math.min(iinfoOutstreamPosition.offsetWidth, 480); outstreamHeight = Math.min(iinfoOutstreamPosition.offsetHeight, 320); } /** * Sets up IMA ad display container, ads loader, and makes an ad request. */ function setUpIMA(direct) { google.ima.settings.setDisableCustomPlaybackForIOS10Plus(true); google.ima.settings.setLocale('cs'); google.ima.settings.setNumRedirects(10); // Create the ad display container. createAdDisplayContainer(); // Create ads loader. adsLoader = new google.ima.AdsLoader(adDisplayContainer); // Listen and respond to ads loaded and error events. adsLoader.addEventListener( google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED, onAdsManagerLoaded, false); adsLoader.addEventListener( google.ima.AdErrorEvent.Type.AD_ERROR, onAdError, false); // An event listener to tell the SDK that our content video // is completed so the SDK can play any post-roll ads. const contentEndedListener = function () { adsLoader.contentComplete(); }; videoContent.onended = contentEndedListener; // Request video ads. const adsRequest = new google.ima.AdsRequest(); if (direct) { adsRequest.adTagUrl = directVast; console.log('Outstream DIRECT CAMPAING advert: ' + directVast); videoContent.muted = true; videoContent.volume = 0; outstreamDirectPlayed = true; } else { adsRequest.adTagUrl = iinfoVastUrls[iinfoVastUrlIndex]; console.log('Outstream advert: ' + iinfoVastUrls[iinfoVastUrlIndex]); videoContent.muted = false; videoContent.volume = 1; } // Specify the linear and nonlinear slot sizes. This helps the SDK to // select the correct creative if multiple are returned. // adsRequest.linearAdSlotWidth = outstreamWidth; // adsRequest.linearAdSlotHeight = outstreamHeight; adsRequest.nonLinearAdSlotWidth = 0; adsRequest.nonLinearAdSlotHeight = 0; adsLoader.requestAds(adsRequest); } function setupReplayScreen() { replayScreen.addEventListener('click', function () { iinfoOutstreamPosition.remove(); iinfoVastUrlIndex = 0; outstreamInit(); }); } /** * Sets the 'adContainer' div as the IMA ad display container. */ function createAdDisplayContainer() { // We assume the adContainer is the DOM id of the element that will house // the ads. outstreamDocument.getElementById('videoContent').style.display = 'none'; adDisplayContainer = new google.ima.AdDisplayContainer( outstreamDocument.getElementById('adContainer'), videoContent); } function unmuteAdvert() { adVolume = !adVolume; if (adVolume) { adsManager.setVolume(0.3); outstreamDocument.getElementById('adMuteBtn').innerHTML = ''; } else { adsManager.setVolume(0); outstreamDocument.getElementById('adMuteBtn').innerHTML = ''; } } /** * Loads the video content and initializes IMA ad playback. */ function playAds() { // Initialize the container. Must be done through a user action on mobile // devices. videoContent.load(); adDisplayContainer.initialize(); // setupDimensions(); try { // Initialize the ads manager. Ad rules playlist will start at this time. adsManager.init(1920, 1080, google.ima.ViewMode.NORMAL); // Call play to start showing the ad. Single video and overlay ads will // start at this time; the call will be ignored for ad rules. adsManager.start(); // window.addEventListener('resize', function (event) { // if (adsManager) { // setupDimensions(); // adsManager.resize(outstreamWidth, outstreamHeight, google.ima.ViewMode.NORMAL); // } // }); } catch (adError) { // An error may be thrown if there was a problem with the VAST response. // videoContent.play(); } } /** * Handles the ad manager loading and sets ad event listeners. * @param { !google.ima.AdsManagerLoadedEvent } adsManagerLoadedEvent */ function onAdsManagerLoaded(adsManagerLoadedEvent) { // Get the ads manager. const adsRenderingSettings = new google.ima.AdsRenderingSettings(); adsRenderingSettings.restoreCustomPlaybackStateOnAdBreakComplete = true; adsRenderingSettings.loadVideoTimeout = 12000; // videoContent should be set to the content video element. adsManager = adsManagerLoadedEvent.getAdsManager(videoContent, adsRenderingSettings); // Add listeners to the required events. adsManager.addEventListener(google.ima.AdErrorEvent.Type.AD_ERROR, onAdError); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_PAUSE_REQUESTED, onContentPauseRequested); adsManager.addEventListener( google.ima.AdEvent.Type.CONTENT_RESUME_REQUESTED, onContentResumeRequested); adsManager.addEventListener( google.ima.AdEvent.Type.ALL_ADS_COMPLETED, onAdEvent); // Listen to any additional events, if necessary. adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.STARTED, onAdEvent); adsManager.addEventListener(google.ima.AdEvent.Type.COMPLETE, onAdEvent); playAds(); } /** * Handles actions taken in response to ad events. * @param { !google.ima.AdEvent } adEvent */ function onAdEvent(adEvent) { // Retrieve the ad from the event. Some events (for example, // ALL_ADS_COMPLETED) don't have ad object associated. const ad = adEvent.getAd(); console.log('Outstream event: ' + adEvent.type); switch (adEvent.type) { case google.ima.AdEvent.Type.LOADED: // This is the first event sent for an ad - it is possible to // determine whether the ad is a video ad or an overlay. if (!ad.isLinear()) { // Position AdDisplayContainer correctly for overlay. // Use ad.width and ad.height. videoContent.play(); } outstreamDocument.getElementById('adContainer').style.width = '100%'; outstreamDocument.getElementById('adContainer').style.maxWidth = '640px'; outstreamDocument.getElementById('adContainer').style.height = '360px'; break; case google.ima.AdEvent.Type.STARTED: window.addEventListener('scroll', onActiveView); // This event indicates the ad has started - the video player // can adjust the UI, for example display a pause button and // remaining time. if (ad.isLinear()) { // For a linear ad, a timer can be started to poll for // the remaining time. intervalTimer = setInterval( function () { // Example: const remainingTime = adsManager.getRemainingTime(); // adsManager.pause(); }, 300); // every 300ms } outstreamDocument.getElementById('adMuteBtn').style.display = 'block'; break; case google.ima.AdEvent.Type.ALL_ADS_COMPLETED: if (ad.isLinear()) { clearInterval(intervalTimer); } if (outstreamLastError === 303) { if (isBanner) { renderBanner(); } else { replayScreen.style.display = 'flex'; } } break; case google.ima.AdEvent.Type.COMPLETE: // This event indicates the ad has finished - the video player // can perform appropriate UI actions, such as removing the timer for // remaining time detection. if (ad.isLinear()) { clearInterval(intervalTimer); } if (isBanner) { renderBanner(); } else { replayScreen.style.display = 'flex'; } break; } } /** * Handles ad errors. * @param { !google.ima.AdErrorEvent } adErrorEvent */ function onAdError(adErrorEvent) { // Handle the error logging. console.log(adErrorEvent.getError()); outstreamLastError = adErrorEvent.getError().getErrorCode(); if (!loadNext()) { renderBanner(); } } function renderBanner() { if (isBanner) { console.log('Outstream: Render Banner'); iinfoOutstreamPosition.innerHTML = ""; iinfoOutstreamPosition.style.height = "330px"; iinfoOutstreamPosition.appendChild(bannerDiv); } else { console.log('Outstream: Banner is not set'); } } function loadNext() { iinfoVastUrlIndex++; if (iinfoVastUrlIndex < iinfoVastUrls.length) { iinfoOutstreamPosition.remove(); outstreamInit(); } else { return false; } adVolume = 1; return true; } /** * Pauses video content and sets up ad UI. */ function onContentPauseRequested() { videoContent.pause(); // This function is where you should setup UI for showing ads (for example, // display ad timer countdown, disable seeking and more.) // setupUIForAds(); } /** * Resumes video content and removes ad UI. */ function onContentResumeRequested() { videoContent.play(); // This function is where you should ensure that your UI is ready // to play content. It is the responsibility of the Publisher to // implement this function when necessary. // setupUIForContent(); } function onActiveView() { if (outstreamContainer) { const containerOffset = outstreamContainer.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight/1 && containerOffset.bottom > 0.0) { if (outstreamPaused) { adsManager.resume(); outstreamPaused = false; } return true; } else { if (!outstreamPaused) { adsManager.pause(); outstreamPaused = true; } } } return false; } let outstreamInitInterval; if (typeof cpexPackage !== "undefined") { outstreamInitInterval = setInterval(tryToInitializeOutstream, 100); } else { const wrapper = getWrapper(); if (wrapper) { let outstreamInitialized = false; window.addEventListener('scroll', () => { if (!outstreamInitialized) { const containerOffset = wrapper.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight / 1 && containerOffset.bottom > 0.0) { outstreamInit(); outstreamInitialized = true; } } }); } } function tryToInitializeOutstream() { const wrapper = getWrapper(); if (wrapper) { const containerOffset = wrapper.getBoundingClientRect(); const windowHeight = window.innerHeight; if (containerOffset.top < windowHeight / 1 && containerOffset.bottom > 0.0) { if (cpexPackage.adserver.displayed) { clearInterval(outstreamInitInterval); outstreamInit(); } } } else { clearInterval(outstreamInitInterval); } } }
OSZAR »