Cnews.cz  »  Recenze  »  Lenovo ThinkVision E29w-20: širokoúhlá kancelář (recenze)

Hardware   Recenze

Lenovo ThinkVision E29w-20: širokoúhlá kancelář (recenze)

Radomír Kejduš
20. 6. 2022
přidejte názor

Sdílet

Autor: Lenovo
ThinkVision E29w-20 je 29" širokoúhlý monitor s panelem typu IPS a rozlišením 2560 × 1080 px. Nabízí 90Hz obnovovací frekvenci a 4 ms odezvu. Pořád je to vcelku obyčejný monitor, který ale bylo zajímavé vyzkoušet. Režimy obrazu jsou totiž opět oříšek.

Současně s notebookem nám Lenovo poslalo do redakce pracovní monitor vhodný spíše do kanceláře, přesto se některými parametry z běžného korporátního zobrazovače excelových tabulek vymyká. Zejména jde o poměr stran 21:9 či 90Hz panel. Lenovo udává jas 300 nitů a kontrast 1000:1.

Pohled z boku
Pohled z boku
zdroj: Lenovo
zdroj: Lenovo

V krabici dostanete HDMI kabel, raději jsem však využil druhý port, kterým je DisplayPort 1.2. Připojit můžete ještě sluchátka a monitor má i vestavěné reproduktory. Ty lze označit za čistě kancelářské a hudbu bych přes ně určitě neposlouchal. Hranicí použitelnosti poslechu bylo sledování zpráv přes IPTV.

Nicméně u většiny činností jsem byl vlastně rád, že tam jsou a že jsem nemusel připojovat ještě externí repro. USB-C tento model nenabízí, což u desktopu většinou nevadí. Napájení zajišťuje standardní šňůra, zdroj je integrovaný v monitoru.

Lenovo ThinkVision E29w 20 recenze9 Balení

Sestavení monitoru je velmi jednoduché – smontujete k sobě dvě části stojanu, připevníte jej k panelu a takto celý monitor vytáhnete z krabice bez nutnosti manipulování se samotnou obrazovkou. Monitor má kromě spodního velmi tenké plastové rámečky, ale obrazovka má samozřejmě ještě černé proužky. Obraz je od kraje monitoru cca 8 mm.

Ovládací tlačítka
Ovládací tlačítka
HDMI 1.4 a DisplayPort 1.2
HDMI 1.4 a DisplayPort 1.2

Polohování

Monitor můžete bez stojanu připevnit kamkoliv přes systém VESA (100×100). Stojan ale nabízí velký rozsah polohování nahoru a dolů, kdy směrem dolů se hrana panelu téměř dotkne stolu (obraz je ve výšce 4 až 32,5 cm nad stolem) a v nejvyšší pozici jsem naměřil 21 až 49,5 cm (čísla vždy pro spodní a horní okraj obrazu). Naklápět lze i dozadu a dopředu v úhlech −5° až +22°.

Maximální výška
Maximální výška
Minimální výška
Minimální výška

Režimy obrazu

Po zapnutí má monitor alespoň pro domácí podmínky poměrně vysoký jas. Jako defaultní režim je nastaven mód „Reddish“, což má znamenat lehce teplejší barvy. Ty jsou ovšem ve skutečnosti naopak mírně studené. Rozsah jasu jsem naměřil 143 až 293 nitů, zatímco pro běžnou práci stačí 120 i méně nitů. Snížením jasu na minimum jsem si nepomohl (pod 143 se nedá dostat) a výrazné snížení kontrastu není dobrý nápad. Už v základu je totiž jen 855:1 (při maximálním jasu pak 978:1). Takto by klesl ještě více.

Reddish (default)
Reddish (default)
sRGB
sRGB

Vyzkoušet můžete režimy Bluish (více studené barvy) či Neutral, ale výsledkem těchto režimů je vlastně spíše horší obraz. Po přepnutí do režimu sRGB si bohužel také nepomůžete. Nelze v něm totiž vůbec měnit jas ani kontrast. Dostanete napevno 266 nitů s kontrastem 840:1 a barevným podáním velmi podobným defaultnímu režimu, stále alespoň s relativně širokým gamutem.

Kalibrace
Kalibrace

Nakonec jsem přepnul do režimu Custom, který lze nastavit a většinou i trochu kalibrovat, ale příjemně překvapil už v základním nastavení. Požadovaných 120 nitů lze získat po snížení jasu na 5 % při ponechání kontrastu v základním nastavení (60). I samotné vyvážení bílé je nyní (na rozdíl od režimu sRGB) téměř dokonalé a v tomto stavu jde monitor již používat. Než jsem přešel na režim Custom, musel jsem si pomáhat aplikací f.lux, abych vůbec večer mohl pracovat. Kontrast je nyní 672:1, což je stále nic moc.

Režim Custom
Režim Custom
Custom po kalibraci
Custom po kalibraci

Přestože kalibrace není nutná, s pomocí sondy lze velmi mírným snížením zelené a modré barevné složky vyvážit barvy do ideální rovnováhy bez znatelného snížení kontrastu. Ten ve finále činí 668:1, což je asi o třetinu méně než inzerovaný, ale zase máte příjemný jas i přesné barvy.

Homogenita podsvícení směrem ke krajům klesá ze 120 na běžných 100 nitů
Homogenita podsvícení směrem ke krajům klesá ze 120 na běžných 100 nitů

Hodnocení

Tohle je vcelku obyčejný monitor do kanceláře, ovšem s 90Hz širokoúhlým panelem s poměrem stran 21:9 a Lenovo si za něj řekne okolo 7000 Kč. Kdyby výrobce nechal jako defaultní režim Custom, mohli jsme si polovinu recenze odpustit. Výhodou tohoto monitoru je každopádně velký rozsah výškového nastavení, kdy tentokrát krabici od banánů pod monitor opravdu hledat nemusíte.

Integrované reproduktory (2× 3 W) mohou dobře sloužit jako nouzové. Ne každý poslouchá takto hudbu z počítače, nebo na to má sluchátka. Přinejhorším je nikdy nepoužijete, ale já za ně byl rád. Pokud byste chtěli tento monitor používat s modernějším laptopem, mohlo by vám chybět USB-C.

Lenovo ThinkVision E29w 20 recenze5 Lenovo ThinkVision E29w-20

Režimy obrazu jsou bohužel v podstatě nepoužitelné, což sice z velké části platí i o konkurenci, ale zde jsou opravdu úplně zbytečné. Neslouží ani pro změny parametrů obrazovky pro různé činnosti (filmy, programování, prohlížení webu…) a vůbec by zde nemusely být.

docker + kubernetes školení s dotací tip

Jediným rozumným řešením je totiž přepnout na režim Custom, snížit u něj podle potřeby jas klidně k nejnižším hodnotám, a poté teprve získáte žádoucí hodnoty. Kalibrace pak není téměř nutná a obraz je ve finále pěkný s vyváženými barvami. S nízkým kontrastem bohužel nic udělat nejde, ale na kancelařinu to stačí. Monitor měl při testování firmware verze LB1.0.

(Zdroj fotografií: Cnews)

Vstoupit do diskuse
  • Našli jste v článku chybu?

Autor článku

Radomír Kejduš

Radomír Kejduš

Redaktor portálu Cnews.cz. Zaměřuje se na televizní témata, technologické zpravodajství, mobilní operátory a vědu. Příznivec kompaktních smartphonů. Profil autora →

Témata:

'; 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'; } }

Nejnovější

Anketa

Využíváte Revolut?

Zobraz výsledek

Kvíz týdne

Kvíz:Jste klávesový ninja aneb jak zběhlí jste v klávesových zkratkách?
1/10 otázek
Spustit kvíz

Témata

Zobrazit všechny

Návody a tipy
Vymeťte nepořádek aneb jak efektivně spravovat úložiště Google a předejít jeho zaplnění

Vymeťte nepořádek aneb jak efektivně spravovat úložiště Google a předejít jeho zaplnění

Rodičovská kontrola bez stresu: Co umí Family Link od Googlu a jak ho nastavit

Rodičovská kontrola bez stresu: Co umí Family Link od Googlu a jak ho nastavit

Nostalgická přestavba aneb jak donutit Windows 11 vypadat jako staré dobré „desítky“?

Nostalgická přestavba aneb jak donutit Windows 11 vypadat jako staré dobré „desítky“?

Jak platit mobilem? Vše, co potřebujete vědět od přidání karty až po správné zabezpečení plateb

Jak platit mobilem? Vše, co potřebujete vědět od přidání karty až po správné zabezpečení plateb

Vytěžte z vyhledávání na Googlu maximum. Vyzkoušejte těchto 11 triků, které vám ušetří čas a nervy

Vytěžte z vyhledávání na Googlu maximum. Vyzkoušejte těchto 11 triků, které vám ušetří čas a nervy

Z našich webů

Dále u nás najdete

Digitalizace v Česku nabírá na obrátkách, pomáhá i AI

Když architektura x86 nestačí. Co nabízí místo ní IBM Power?

Novela nařízení vlády o jiných důležitých překážkách v práci

Aukce domén nemají vydělávat, cílem je spravedlivý přístup

Getty Images vs AI: Právní válka je příliš nákladná, než aby ji šlo vést

Superdávka: Spočítejte si, komu pomůže a kdo si pohorší

Poslanci se utrhli ze řetězu s přílepky, mohou přinést problémy

Úlet ministerstva, registrací všech podnikatelů zavařilo i ČT a rozhlasu

Příběh kavárny, co propojuje generace a vrací lidi do života

Také OSVČ a firmy, které poplatky platit nebudou, se musí registrovat

Meta a Yandex tajně monitorují vaše prohlížení webu na Androidu

Telefon propašovaný ze Severní Koreje informuje pravidelně úřady

Konopí pomalu mizí z pranýře. Původně jej na něj dostal rasismus

Jak fungují daňové a účetní odpisy

Otevřeli jsme pět druhů müsli a porovnali je se sliby na obale

Bitcoiny z ministerské kauzy někdo rozměňoval

Při tvorbě loga pro byznys je dobré zvolit maximálně dvě až tři barvy

Autosedačky a různá sedátka mohou zpomalit vývoj dětí

Injekce s výplněmi mohou zničit obličej. Náprava stojí desítky tisís

Semaglutid na hubnutí může způsobit zhoršení zraku i slepotu

Chcete se proškolit Linux za zlomek ceny? Využijte dotaci 82 % z ceny!
TO CHCI
'; 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 »