Lupa.cz  »  Češi chystají revoluci v ekologické výrobě čipů. A ukazují, v čem je Evropa stále skvělá

Češi chystají revoluci v ekologické výrobě čipů. A ukazují, v čem je Evropa stále skvělá

Jan Sedlák
28. 4. 2025
Doba čtení: 4 minuty
1 nový názor

Sdílet

Wafer
Autor: PlasmaSolve
Projekt, na němž se vedle firmy z Brna podílí třeba slavný Fraunhofer, by mohl od základu proměnit produkci čipů.

Několik evropských veřejných institucí a soukromých firem včetně jedné z České republiky je blízko potenciální revoluce v ekologické náročnosti výroby čipů. Díky technologii, na níž se v Evropě pracuje, by se, zjednodušeně řečeno, mohla výrazně snížit toxicita chemikálií používaných při náročné polovodičové produkci, což by mělo příznivý dopad na zdraví nebo životní prostředí. “Z hlediska ekologické náročnosti výroby čipů by to byl game changer,” řekl Lupě Adam Obrusník, výkonný ředitel brněnské firmy PlasmaSolve, jenž se na vývoji podílí.

Na novince dělají organizace sdružené pod projektem HaloFreeEtch, do něhož Evropská komise poslala necelé čtyři miliony eur, asi sto milionů korun. Celkem jde o šest subjektů, kromě brněnského podniku jde například o slavný německý výzkumný institut Fraunhofer.

Připomeňme, že čipy a polovodiče jsou klíčovým a strategickým oborem dneška, na němž závisí v podstatě vše. Kromě ekonomické síly je tato branže důležitá pro geopolitiku, což vidíme například na probíhající obchodní válce mezi USA a Čínou a nově také USA a dalšími mocnostmi včetně Evropské unie.

Evropa se ani díky Onsemi v Rožnově nestane velmocí ve výrobě čipů. Je drahá, nepružná a plná byrokracie Přečtěte si také:

Evropa se ani díky Onsemi v Rožnově nestane velmocí ve výrobě čipů. Je drahá, nepružná a plná byrokracie

Každá inovace měnící poměry na trhu tedy může přinést důležitá strategická aktiva. Evropa sice nevládne samotné výrobě čipů a ani nemá giganty v jejich návrhu typu Nvidia, stále ale hraje stěžejní roli v dodávkách technologií, strojů nebo chemikálií pro samotnou produkci. ASML (Nizozemsko), IMEC (Belgie) nebo elektronové mikroskopy z Brna (Delong Instruments, Tescan, Thermo Fisher Scientific) jsou jedny z mnoha ukázek. Analytická společnost Yole Group uvedla, že Evropa v dodávkách zařízení pro výrobu čipů drží podíl 34 procent.

Skupina HaloFreeEtch má za cíl přinést revoluci do průmyslové polovodičové výroby tím, že vyvine nové, udržitelné a bezhalogenové leptací procesy pro křemík a oxid křemičitý. Pro evropský polovodičový průmysl by šlo o další unikátní technologii.

Tvarování na atomární úrovni

“Jedná se o procesy na fyzickou výrobu čipů, při níž je klíčovým krokem odleptávání (odstraňování) křemíkového materiálu. Odleptáváním materiálu vznikají na čipu různé potřebné 3D struktury. Je to jako byste do čipu něco frézovali, jenom se to děje na mikroskopické, až atomární úrovni. Nejedná se o okrajovou věc, výroba čipu se skládá z několika tisíců kroků a odleptávání materiálu tvoří zhruba 50 procent z nich,” nastínil Obrusník.

“Tvarovat materiál na atomární úrovni doposud vyžadovalo použití vysoce toxických halogenových sloučenin, které obsahují fluor a chlor. Při rostoucím objemu čipového (polovodičového) průmyslu to začíná být problém a mít nepříznivý dopad na životní prostředí. U halogenů jde hlavně o narušení ekosystémů (vymírání živočišných druhů, zejména ve vodních tocích) a destrukci ozonové vrstvy. My v projektu vynalézáme nové leptací procesy, které by místo halogenů používaly bezpečné plyny, které nejsou ani toxické, ani skleníkové, ani nenarušují ekosystémy, jako například vodík,” doplnil šéf PlasmaSolve.

Češi zabrali, takže u nás startuje evropské čipové centrum. A další tři platí Tchaj-wan Přečtěte si také:

Češi zabrali, takže u nás startuje evropské čipové centrum. A další tři platí Tchaj-wan

Výzkumný projekt odstartoval na podzim loňského roku a jeho výsledky by měly být známy do čtyř let. Tým postupuje v rámci nastavených milníků, další hodnotící setkání se uskuteční letos v říjnu v Brně.

PlasmaSolve je v rámci HaloFreeEtch zodpovědná za pokrok v leptání na bázi plazmy a dále za průmyslové ověřování vybádaných technologií.

Brněnská plazma

Firma z Brna k tomu má blízko. Začínala jako konzultační a projektová společnost, která na zakázku prováděla simulace kolem plazmy, která se mimo jiné používá právě v polovodičovém průmyslu. PlasmaSolve následně na základě těchto konzultačních zkušeností vyvinula vlastní simulační software MatSight, což je přímá konkurence pro německý Boltzplatz a americký Tech-X, případně pro velké simulační giganty typu Ansys (součást Synopsysu), Dassault Systèmes Simulia nebo Comsol (ty zatím takové moduly nemají). MatSight má do budoucna tvořit hlavní zdroj příjmů PlasmaSolvu.

Česko vytvoří procesor pro evropské počítače na umělou inteligenci Přečtěte si také:

Česko vytvoří procesor pro evropské počítače na umělou inteligenci

“V polovodičovém průmyslu se plazmové technologie, které simulujeme, používají na celou řadu věcí. Při výrobě integrovaných obvodů (procesorů) je třeba jednak vyleptat prostorové struktury do křemíku, k čemuž se v mnoha případech používá plazmové leptání (plasma etching). Plazmové povlakování (plasma coating) jako takové se potom používá k nanášení jak vodivých, tak izolačních vrstev na křemíkovém waferu, na němž postupně vznikají integrované obvody a procesory,” vysvětlil Obrusník.

“I na nanometrové škále se procesor nakonec skládá ze tří základních typů součástek – rezistoru, kondenzátoru a cívky. Tyto součástky jsou realizovány pomocí vodivých spojů a izolačních komponent. Na takto malých rozměrech je možné nanášet vodivé kontakty, spoje a vrstvy s dostatečnou přesností pouze pomocí plazmových technologií,” doplnil brněnský technolog a podnikatel.

Přesnější a spolehlivější

PlasmaSolve spolupracuje s dodavateli polovodičových firem a pomáhá jim zejména v tom, aby jejich řešení byla přesnější a spolehlivější. Firma také pomáhá prodlužovat životnost technologií a snižovat množství produkovaného odpadu. Nanášení vrstev materiálů tenčích než tisícina lidského vlasu mají na starost drahé stroje, jejichž nastavení trvá dlouho a často se operuje metodou pokus-omyl. I proto je simulace přínosná.

MM Influenceři

Česká technologie vstupuje do polovodičového dodavatelského řetězce coby zásobovatel firem vyvíjejících technické procesy a zařízení používaných pro výrobu integrovaných obvodů nebo čipů. Spolupracuje například s americkou společností Advanced Energy, největším světovým dodavatelem vysokofrekvenčních zdrojů napětí pro výrobní stroje. K dalším klientům patří švýcarská firma Evatec, která vyrábí zařízení pro přípravu polovodičových desek.

Samotný MatSight, respektive práce s plazmou není exkluzivní pouze pro polovodičový průmysl, obojí se nasazuje také v dalších oborech.

Velmi nefér byznys. Takto vypadá první čip z Česka vyrobený u nejlepší světové firmy v oboru Přečtěte si také:

Velmi nefér byznys. Takto vypadá první čip z Česka vyrobený u nejlepší světové firmy v oboru

  • Chcete mít Lupu bez bannerů?
  • Chcete dostávat speciální týdenní newsletter o zákulisí českého internetu?
  • Chcete mít k dispozici strojové přepisy podcastů?
  • Chcete získat slevu 1 000 Kč na jednu z našich konferencí?

Staňte se naším podporovatelem

Chci se stát podporovatelem
Vstoupit do diskuse (1 názor)
  • Našli jste v článku chybu?

Autor článku

Jan Sedlak - avatar - 2022

Jan Sedlák

Reportér Lupa.cz a E15

Témata:

Zajimavy clanek, skoda jenom, ze je trochu zmateny "nenarušují ekosystémy, jako například vodík" - vodik je ekosystem? Zajimave Ovsem tohle je perla: “I na nanometrové škále se procesor nakonec skládá ze tří základních typů součástek – rezistoru, kondenzátoru a cívky." Resistory budiz - v omezene mire, ale pouzivaji se. Kondenzatory ano, napriklad dynamicke pameti jsou zalozeny na kondenzatorech. Ale civky? Civku v chipu neudelas. Nejakou malou indukcnost mozna ano, ale civku rozhodne…
Jet
'; 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'; } }
Digizone.cz

Anketa

Mají Mapy od Seznamu šanci uspět celosvětově?

Zobraz výsledek

Podcast

Mohlo by vás zajímat

Z našich webů

Dále u nás najdete

AI souhrny ve vyhledávání Googlu dorazily do ČR

Linux končí s podporou procesorů 486. Z jádra smaže 14 tisíc řádků

České firmy si libují, že e-mailová komunikace je s AI produktivnější

Skype je vypnutý, Microsoft uživatele posílá do Teams

Rada ČT odvolala generálního ředitele Jana Součka

Ukažte, že podle fotek poznáte bylinky, které se používají v kuchyni

Jak jsem se přestal bát elektrických zubních kartáčků

Google chystá speciálního AI asistenta pro vývojáře

Americká distribuce se vyrovnává se cly, hardware jde na dračku

Canva stále více šlape do AI a přidává nové funkce

Jsou USA krok od rozpoutání chaosu v Evropě?

Jak samoživitelka proměnila pomoc kamarádek v rodinnou značku

Berňák zkusil zdanit prostitutce příjmy. Proč to není možné?

Neplaťte zbytečně. Víme, jak na reklamu na sociálních sítích

Místo celé kyčle lékaři vyměnili jen její část

Je low-code změna, či příležitost?

Duolingo jako symbol zaměstnanecké AI krize?

Internet věcí už komunikuje i přes satelit

Novela: nepřetržitost pracovních poměrů a čerpání dovolené

Co to jsou dohadné položky a proč je nutné o nich účtovat?

Chcete mít Lupu bez bannerů? Zapojte se do podporovatelského programu Lupa+.
TO CHCI
Upozorníme vás na články, které by vám neměly uniknout (maximálně 2x týdně).
'; 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 »