Root.cz  »  Stalo se  »  Google o procesu přechodu z 4kB na 16kB stránky u Androidu, Mozilla Whisperfile na bázi OpenAI

Google o procesu přechodu z 4kB na 16kB stránky u Androidu, Mozilla Whisperfile na bázi OpenAI

David Ježek
25. 8. 2024
Doba čtení: 5 minut
31 nových názorů

Sdílet

Android 13
Autor: Google
Android 13
Týden v KDE ve znamení zlepšování použitelnosti, vydání nové verz balíku KDE Gear 24.08, vývojová verze Wine 9.16 opravuje 25 chyb.

Týden v KDE: zlepšování použitelnosti

Uběhlý týden prací na desktopovém prostředí KDE hodnotí Nate Graham jako zaměřený na kvalitu života [s KDE Plasmou]. Novinek je slušné množství a vesměs se zabývají tím, co uživatel vidí a jak věci pro něj fungují.

Okular nyní umí pustit Text-to-Speech z aktuální stránky. Widget jasu nabízí posuvníky pro každý připojení displej samostatně, pokud displej softwarově řízenou změnu jasu podporuje. Globální změna jasu je nadále k dipozici, včetně její vlastní klávesové zkratky.

Při aktualizaci systému lze vedle obvyklých možností jako aktualizovat a pak restartovat, nebo restartovat bez aktualizace, také zvolit možnost aktualizovat a vypnout – volba je k dispozici jak v Discoveru, tak na zamknuté obrazovce. Při dotykovém ovládání vede dlouhé stisknutí nevyužité oblasti Plasma panelu k přechodu do režimu úprav.

Výrazně přepracovaný je postranní panel pro přidání widgetů, uživatele čeká upravený vzhled i funkcionalita. Na věci se pak i nadále pracuje. Ikona baterie nově pomocí odznáčku ukazuje použití uživatelského profilu napájení, pročež je zachováno zobrazení i stavu akumulátoru (prozatím implementován jen v tématu Breeze).

Uživatelským klávesovým zkratkám lze přiřadit i uživatelský název. Discover je nyní přesnější v tom, jak prezentuje uživateli licence a vysvětluje jemné rozdíly mezi proprietárním a non-free, takže už vše, co není free, neoznačuje jen jako proprietární. Přepnutí rozložení klávesnice už nevede k tomu, že se může mírňounce změnit velikost popisek v systémové liště, kvůli tvaru písem tohoto popisku.

Vylepšena je i kvalita HDR zobrazení s KWin v situacích, kdy HDR obsahem požadovaný jas je mimo možnosti displeje. Tvůrci také zapracovali na zmírnění výkonnostního dopadu používání ICC profilů s KWin pro změnu barevného podání a zlepšuje se i výkon KWin na systémech s více GPU. Nate dodává, že je toho ještě dost, co je nutné v této oblasti dodělat, ale už jen toto představuje velký pokrok. Dále přibylo také automatické testování pro X11 specifických věcí v KWin, neb aktuálně už více než 80 % uživatelů KDE Plasmy běží na Waylandu.

Z opravených chyb vypichuje Nate například spravenou funkčnost Spectacle, kdy funguje vkládání screenshotu do jakékoli aplikace, i když je cílový formát pro uložení nastaven na jiný než PNG. U aplikací, které nepřijmou na vstupu nic jiného než PNG, se PNG použije (jde například o Firefox a Chromium).

Opravena je i komplexní chyba způsobující pád KWin při běhu X11 či XWayland aplikací se specifickým uspořádáním pořadí oken – oprava míří už do Plasmy 6.1.5. Nate zde explicitně děkuje uživateli Peteru Strickovi, který byl velmi nápomocen s reprodukovatelností této chyby.

Nepříjemná chyba způsobující to, že text kopírovaný z buňky v LibreOffice Calc se nedostane do kopírovací schránky, pokud není nastavena na příjem včetně obrázků, je pryč. Plasma už nebude padat, je-li widget Media Player na panelu a délka názvu přehrávané skladby je přesně tak nešťastná, že tato kombinace vede k pádu Plasma. Další opravy se týkají práce s klávesovými zkratkami.

Vývojová verze Wine 9.16

Tři novinky a celkem 25 uzavřených hlášení o chybách, to je ve zkratce nová vývojová verze Winw 9.16. Tvůrci začali pracovat na implementaci Microsoft Driver Store, přibylo více prototypových objektů v MSHTML a podpora Pbuffer ve Wayland ovladači. Nejstarší uzavřená chyba si počkala od roku 2012, nejmladší pak jen 3 dny. Uzavřena je i jedna drobná chyba v běhu hry Vietcong (poškozené barvy u náhledů uložených pozic ve hře) či chyba týkající GUI pro kódování videa StaxRip (program padal při konverzi AVI). Další podrobnosti shrnuje přehled na GitLabu projektu.

Google popisuje pokrok v procesu přechodu z 4kB na 16kB velikost stránky u Androidu

Nasazení 16kB page size v rámci Androidu je cílem Googlu. Za cenu zhruba 9% navýšení spotřeby paměti Google hovoří o zhruba 5 až 10% nárůstu výkonu. To je daň, kterou lze s ohledem na stále rostoucí množství RAM v chytrých telefonech v klidu zaplatit (zatímco jako majitel levné Motoroly s 6nm 8core Mediatekem, jejíž pomalá foto aplikace v Androidu 13 se s aktualizací na Android 14 stala opravdu plesnivou konstatuji, že výkonu není nikdy dost).

Nyní vývojáři Googlu popisují aktuální stav této snahy, která souvisí s možností přepnout ze 4kB na 16kB stránky v Androidu 15. Tato verze je chystána na letošek, momentálně je k dispozici beta. Aby vše fungovalo, všechny binárky v Androidu 15 jsou nyní zarovnány na 16 kB a souborové systémy (EROFS, F2FS) ji podporují. Jelikož ale 4kB a 16kB běh vyžaduje vždy vlastní kernel, v systému přibude možnost jej přepnout (jako vývojářská volba, vyžaduje to též vymazání zařízení a odemčený bootloader). Zakončují tím, že k nasazení je potřeba se propracovat odzdola nahoru a zapojit se tak musí i vývojáři aplikací či SDK. Holý čistý Android v podání Googlu ale je/bude připraven.

Nové vydání KDE Gear 24.08

KDE Gear 24.08, nová verze balíku aplikací desktopového prostředí KDE, byla vydána. Množství novinek zhruba odpovídá letní/prázdninové sezóně. 

prace_s_linuxem_tip

Vyzdvihnout lze vylepšení použitelnosti správce souborů Dolphin (volba „přesunout do nové složky“, dvojklik do volného prostoru vyvolá označení všech položek v okně, …), snadné bookmarkování čehokoli v dlouhém výpisu Konsole prostým dvojklikem na danou oblast posuvníku, vylepšení Kdenlive (nové typy interpolace u efektů – kubický a exponenciální in/out), snadné blokování pozvánek od neznámých Matrix uživatelů v chatovacím nástroji NeoChat, vylepšený plug-in pro formátování v Kate (lepší podpora pro Bash, D, Fish, Nix config, QML a YAML; plus Language Server Protocol zvládající Gleam, PureScript a Typst) a v neposlední řadě rozličné opravy a optimalizace webového prohlížeče Falkon.

Mozilla pracuje na lokálním automatickém převodu hlasu na text s pomocí OpenAI

Whisperfile je další nový projekt Mozilly. Lokální převaděč mluveného slova (audia) na text, tedy vlastně takový „titulkovač videí“, jehož výhodou je právě onen lokální běh. Celé to Mozilla postavila kolem projektu OpenAI Whisper (odtud název). Poradí si i s překladem neanglicky mluveného audia na anglické. Lze provozovat na x86_64 i ARM64, a to na Windows, macOS, BSD či Linuxu, tedy víceméně bez omezení.

Vstoupit do diskuse (31 názorů)
  • Našli jste v článku chybu?

Autor článku

David Ježek

David Ježek

Příznivec open-source rád píšící i o ne-IT tématech. Odpůrce softwarových patentů a omezování občanských svobod ve prospěch korporací.

Témata:

Jenom aby ten problem s Motorolou nebyl omezeny RAMkou, to by pak ke zlepseni urcite nedoslo. Prestavam chapat, kde ty veci na mobilech zacly byt tak ziznive na pamet. Najednou jsou 4GB docela malo.
jdsulin
'; 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'; } }

Anketa

Měl by stát zveřejňovat veškerý zdrojový kód softwaru používaného ve státní správě?

Zobraz výsledek

Mohlo by vás zajímat

Z našich webů

Dále u nás najdete

Otázky a odpovědi: předplatné na e-shopech se stává trendem

První studené sprchy mohou být nepříjemné, výhody ale převáží

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

Čína byla obviněna z útoku na české ministerstvo zahraničí

Co se vám kromě výdělečné činnosti započítá do penze a jak?

Odzvonilo low-endu? Prémiové mobily jdou v Evropě na dračku

V Portugalsku vzniká jedno z největších datacenter v Evropě

Hlasové nakupování má potenciál. Co brání rozšíření v Česku?

Půl života fetoval a vařil drogy. Teď sám pomáhá závislým

Při preeklampsii mohou ženě začít selhávat orgány. Pomůže aspirin

Partners banka mění podmínky. Jaké novinky chystá?

Na kožní i bez žádanky. Ale pojišťovna vám to zaplatit nemusí

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

Brněnský Zoner mění jméno svého fotoeditoru

Aktualizujte Chrome, útočníci zneužívají novou zranitelnost

Srážková daň se zruší, podání přiznání ale zůstane dobrovolné

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

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

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

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

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 »