Cnews.cz  »  Hardware  »  Hráčský monitor s Androidem. 120Hz velkoformátové LCD Gigabyte S55U je zároveň televize

Hardware   Hry   Televize

Hráčský monitor s Androidem. 120Hz velkoformátové LCD Gigabyte S55U je zároveň televize

Jan Olšan
10. 5. 2022
2 nové názory

Sdílet

Autor: Gigabyte
Gigabyte má 120Hz 4K monitor s FreeSync pro hráče, který připomíná koncept velkých BFGD od Nvidie, ale současně je i chytrou televizí se všemi videoslužbami a aplikacemi.

Speciální hráčské monitory udělaly za několik let obrovský boom a je jich dnes obrovská škála. Teď se do toho přidává jeden hodně neobvyklý od firmy Gigabyte. Ta vydává velké LCD s úhlopříčkou 55 palců, které ale nezastírá, že tyto obrazovky pocházejí z televizí. Monitor S55U se k tomu naopak hlásí a funkce TV přímo obsahuje. Běží na něm totiž Android, ačkoliv zároveň funguje jako hráčské LCD s podporou FreeSync Premium.

Gigabyte S55U je monitor s úhlopříčkou 54,6 palce (138,7 cm) s rozlišením 4K (3840 × 2160 bodů). Pro orientaci si můžete představit, že hustota bodů (rozteč 0,315 mm) je téměř stejná jako na Full HD monitoru s úhlopříčkou 27 palců, ale jsou to čtyři takové monitory poskládané k sobě. Nejde tedy o něco, co při hraní chcete mít přímo na stole, ale o herní monitor do obýváku, od nějž sedíte dál. Jako u televize.

Panel je typu VA s kvantovými tečkami, díky čemuž má 10bitové barvy a rozšířený gamut (96 % DCI-P3, 140 % sRGB) a zřejmě i nějaké ty HDR schopnosti s podporou formátů Dolby Vision, HDR10, HDR10+ a HLG.

Gigabyte S55U Gaming Monitor 04 Gigabyte S55U Gaming Monitor (Zdroj: Gigabyte)

Monitor nemá přímo na webu výrobce uvedenou žádnou certifikaci Display HDR, nicméně ta možná ještě přijde. Podle specifikací má údajně maximální jas pro HDR zobrazení až 1500 cd/m² (stabilní typický jas 500 cd/m²) a lokálně stmívatelné podsvícení se 132 zónami. Gigabyte ho označuje jako FALD (Full Array Local Dimming), byť počet zón je poněkud nižší, než je u takových obvyklé, zvlášť vzhledem k velikosti panelu. Statický kontrast je díky technologii VA 5000:1, což by snad mohlo být ještě před započítáním lokálního stmívání.

120Hz 4K herní zobrazovadlo

Herní využití této obrazovky je umožněno tím, že panel má 120Hz obnovovací frekvenci a zároveň adaptivní obnovování FreeSync Premium – to znamená, že dosahuje nízkou latenci při hraní (minimálně v SDR režimu) a podporuje LFC (Low Framerate Compensation). Má tedy adaptivní obnovování bez cukání a trhání v celém rozsahu od nuly po 120 FPS. Panel by podle výrobce měl mít odezvu pro přechod šedá-šedá 2 ms minimálně a 5 ms v průměru.

Opět zarazí, že přes vysoký HDR jas Gigabyte neuvádí podporu pro HDR verzi FreeSync (FreeSync Premium Pro, dříve FreeSync 2 HDR). Možná, že ještě nemá hotovou certifikaci, nebo nějaký dílčí parametr nevyhovuje požadavkům – teoreticky by mohlo jít třeba o to, že zapnutí HDR režimu zvyšuje latenci, takže by byl použitelný spíše na multimédia a filmy než na hraní. Ale to jen tak spekulujeme.

Gigabyte S55U Gaming Monitor 06 Gigabyte S55U Gaming Monitor (Zdroj: Gigabyte)

Pro hráčské potřeby má monitor obvyklé propriety jako režimy se zvýšeným jasem ve tmavých částech obrazu kvůli viditelnosti, zobrazení aktuálních FPS, stabilizátor zaměřovače v akčních hrách a zobrazení zaměřovače přímo monitorem ve hrách, které ho samy neukazují. Specialitka je, že se tento „cheat“ dá aktivovat pomocí dálkového ovládání, které je k monitoru dodáváno.

Televize pro streamovací generaci

Ovládání hlavně obsluhuje onu druhou osobnost této polotelevize. Jak už bylo řečeno, monitor má operační systém Android (jaký SoC je použitý a kolik má úložiště a RAM, bohužel není řečeno). Není vybaven tunerem, takže striktně vzato to televize není.

Nicméně pro mladší generaci, která pozemní vysílání nechce a stačí jí webové a streamovací služby a aplikace, je zde všechna funkcionalita Android TV: Netflix, YouTube, Amazon Prime Video mají rovnou svoje vlastní tlačítka na dálkovém ovládání, stejně jako Google Play a Google Asssistant (na ovladači jsou i dvě další tlačítka, jejichž funkci lze nastavit volitelně). Přímo integrovaná je podpora Chromecastu, takže lze na monitoru zobrazovat třeba z telefonu. A z Google Play se dají instalovat aplikace jako VLC/Kodi a tak dále.

Gigabyte S55U Gaming Monitor 01 Gigabyte S55U Gaming Monitor (Zdroj: Gigabyte)

Mezi vstupy televize je proto také Ethernet (ale integrované je také Wi-Fi 802.11ac a Bluetooth) a HDMI 2.1 eARC, vedle dvou HDMI 2.0 a dalšího HDMI 2.1. A přítomné jsou i dva porty USB (jeden USB 3.0) pro disky s multimédii. DisplayPort chybí, takže pro připojení k hernímu PC tedy budete používat HDMI 2.1 – monitor podporuje standard HDMI 2.1 Variable Rate Refresh a také Auto Low Latency Mode při připojení k herním zařízením. Audio lze z televize vyvést i pomocí optického výstupu a podporuje Dolby Atmos a DTS HD. Přímo zabudované reproduktory jsou 2×10W.

hacking_tip

Kolik bude tento hybrid stát, až přijde na trh, zatím bohužel Gigabyte nikde neuvádí.

Zdroje: Gigabyte, TechPowerUp

Vstoupit do diskuse (2 názory)
  • Našli jste v článku chybu?

Autor článku

Jan Olšan

Jan Olšan

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

Témata:

Monitory s andoidem jsou tu už roky. Mám slate 21Pro od HP. Idea, že si na dotykovém monitoru s kamerou pustíš youtube (nebo cokoliv) a nemusíš zapínat desktop se mi líbila už dávno. Jako druhý monitor k PC to nebylo vůbec zlý. Samozřejmě HP to zazdilo nepodporou (začal a skončil na andoidu 4.2). Přitom díky kamerce a reproduktorům to mohlo být skvělé zařízení na teamsy...No a kam se vejde raspberry, tam se vejde…
bez přezdívky
'; 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

Jakým způsobem sledujete filmy na internetu?

Zobraz výsledek

Kvíz týdne

Tyto konektory zná každý. Ale víte, co jejich zkratky doopravdy znamenají?
1/9 otázek
Spustit kvíz

Témata

Zobrazit všechny

Návody a tipy
Kde sledovat online filmy zdarma a legálně v roce 2025?

Kde sledovat online filmy zdarma a legálně v roce 2025?

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

Z našich webů

Dále u nás najdete

Jaké jsou zkušenosti s obnovitelnou naftou?

Novela zákoníku práce: Souhrn změn účinných od 1. června 2025

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

Microsoft dělá ze všedních aplikací „AI asistenty“

AI Overviews je tady. Jde o soumrak organického vyhledávání?

Apple ukázal novinky, v Česku si na většinu počkáme

Kancelářské počítače ve firmách žerou více elektřiny než datacentra

Vaginální výtok je normální. Problém je, když není čirý a zapáchá

Nový prohlížeč Dia integruje AI přímo do adresního řádku

Nový prohlížeč Dia integruje AI přímo do adresního řádku

Co slibují kandidáti na šéfa ČT?

Češi očekávají, že kybernetickou bezpečnost pohlídá někdo jiný

Zákazníci šetří, loajalita klesá. Co s tím musí dělat e-shopy?

Kdo vám zafinancuje hypotéku bez nemovitosti?

Jaké se zohledňují nedaňové náklady v daňovém přiznání?

Legendární František Hamza léčil děti s tuberkulózou

Panasonic investuje do servisních center v Cardiffu a Budapešti

Prezentovat firmu pouze pomocí symbolu? U nových značek ne

Lékaři dokáží vrátit mimiku po obrně lícního nervu

Chytré hodinky mohou krást data pomocí ultrazvuku

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 »