14 největších iPhone failů. Co Apple zkazil a jak se k tomu postavil?

17. 1. 2018

Sdílet

Ilustrační obrázek Autor: loriklaszlo – Depositphotos
Ilustrační obrázek
Bavíme-li se o konkrétních modelech, jsou iPhony nejpopulárnějšími telefony světa. Kvůli tomu se na ně nahlíží kritičtěji než na konkurenci a z každé chyby média i uživatelé dělají velký problém. Co všechno už iPhony postihlo a jak se k tomu Apple postavil?

Nikdo není neomylný, ani Apple ne. iPhony v minulosti trpěly řadou chyb, ze kterých se výrobce dokázal poučit. Některé vyřešil softwarovou cestou, jiné až s novou generací hardwaru. Podívejte se s námi do historie hlavních problémů iPhonů a také toho, jak se k nim Apple postavil.

Roky 2007 až 2012

Vždyť to nic neumí

Problém: Hned první iPhone představený v roce 2007 se u uživatelů stal terčem posměchu. Apple sice přinesl revoluční dotykové ovládání, ale telefon neuměl posílat MMS, nepodporoval Javu ani Flash.

První Apple iPhone z roku 2007 První Apple iPhone z roku 2007

Řešení: MMS se nakonec nikdy nestaly náhradou SMS a ve srovnání s jednoduchými textovkami se jich poslalo jen zlomek. iPhone 3G už ale MMS podporoval. Aplikace v Javě a distribuce skrz fanouškovské stránky nebo portály operátorů prohrály válku s App Storem. Ten byl ale rovněž představen až v roce 2008 s iPhonem 3G. Flash je dnes mrtvá věc.

Ztracený iPhone a policejní zátah

Problém: Apple v roce 2010 představil iPhone 4 s úplně novým designem a funkcemi. V předstihu se k němu záhadně dostal redaktor magazínu Gizmodo a všechny zjištěné informace a fotky vystavil na webu. Apple případ nahlásil policii, ta zorganizovala razii, dostala se do redaktorova bytu a zabavila mu část vybavení. Čelil také žalobě.

Ukradený iPhone 4

Řešení: Pro Apple to bylo špatné PR, ale firma za to nemohla. O rok později byli odsouzeni dva muži, kteří v baru našli zapomenutý prototyp telefonu jednoho z inženýřů Applu a prodali jej redaktorovi za 5000 dolarů. Gizmodo je od té doby v nelibosti Applu.

Držíte to špatně

Problém: Brzy po uvedení do prodeje iPhonu 4 (2010) si uživatelé všimli, že se jim ztrácí signál, pokud telefon drží v ruce. Potvrdily to různé nezávislé zdroje.

Jobs ukazuje, že signál vypadává všem Jobs ukazuje, že signál vypadává všem

Řešení: Steve Jobs uspořádal mimořádnou tiskovku, na které problém objasnil. Problém se ztrácejícím se signálem prý mají všichni výrobci, ale u nich nikdo takovou aféru nevyvolal. Applu si prý stěžovalo jen minimum zákazníků. I tak ale upravil indikaci signálu v iOS, zákazníkům zdarma rozdal plastové kryty (tzv. bumpery), se kterými k výpadkům nedocházelo. A v iPhonu 4S už byly antény jinak uspořádané.

Velký bratr vás sleduje

Problém: Apple v iOS 4 začal sledovat a uchovávat polohu uživatelů, kteří s tím sice souhlasili, ale nejspíš o tom vůbec nevěděli.

Záznam polohy iPhonu Záznam polohy iPhonu (zdroj: RadarOreilly)

Řešení: Firma opět podala veřejné vysvětlení. Telefony skutečně uchovávají polohu zařízení, protože pro Apple sestavují databázi Wi-Fi hotspotů a mobilních vysílačů. Tyto údaje se posílají v anonymizované podobě na servery Applu, nejsou poskytovány třetím stranám, slouží pro lepší navigaci. Totéž dělá i Google, v obou případech lze sledování vypnout.

Žádná cesta nevede do Říma

Problém: V roce 2012 přichází iPhone 5 a s ním iOS 6. Apple v systémových mapách přestal využívat podklady od Googlu, ale licencuje si mapy od TomTomu a jiných zdrojů. Jenže se ty mapy nedaly používat, ukazovaly úplně nesmyslné údaje.

iOS 6: Google Maps vs. Apple Maps iOS 6: Google Maps vs. Apple Maps (zdroj: theamazingios6maps)

Řešení: Tim Cook opět přispěchal s veřejnou omluvou. Přiznal, že aplikace je zatím špatná a doporučil prozatím konkurenční řešení od Googlu, Microsoftu nebo Nokie.

Pozor. Článek pokračuje v další kapitole…

Roky 2013 až 2016

Plastový iPhone, který nikdo nechtěl

Problém: V září 2013 Apple překvapil, když uvedl hned dva iPhony, modely 5S a 5C. Esko bylo tradičním nástupcem pětky. Ta se přestala prodávat, přestože dosavadním zvykem bylo nechat na trhu loňský model se slevou. Jenže místo iPhonu 5 zastoupil plastový iPhone 5C. Měl stejné parametry, vysokou cenu a laciné tělo.

Apple iPhone 5C Apple iPhone 5C

Řešení: Žádný další plastový iPhone už nepřišel. Velkým recyklátem byl až iPhone SE, který si vzal komponenty z modelů 5, 5S, 6 a 6S. Byl však sestavený dobře a byl až nečekaně levný.

Kdo je sakra U2?

Problém: Apple v roce 2014 představil iPhone 6 a 6 Plus. Při premiéře na akci zahráli irští U2 a šéf firmy Tim Cook řekl, že v rámci kampaně dostanou všichni uživatelé zdarma jejich nové album Songs of Innocence. Fanoušci jásali, ostatní ne. Album se totiž přiřadilo k jejich účtům na iTunes a automaticky se stahovalo do mobilů i počítačů.

Album od U2 zdarma v iTunes Album od U2 zdarma v iTunes

Řešení: Bono a Edge byli reakcí překvapení, Apple též. Firma proto vyvinula speciální nástroj, který uživatele U2 zbavil.

Bezpáteřní Apple

Problém: U2 byla ale jen drobnost oproti aféře „bendgate“. Uživatelé si všimli, že se jim iPhony 6 a 6 Plus docela snadno ohýbají v kapse. Nevelkou silou bylo možné telefon zničit jen pomocí rukou. Slabé místo bylo na boku u tlačítek.

iPhone 6 se snadno lámal iPhone 6 se snadno lámal

Řešení: Apple problém bagatelizoval a pozval vybrané novináře do svého testovacího centra, kde ukázal, že při výstupní kontrole dělá první poslední a telefon opravdu mučí, než je začne prodávat. U iPhonu 6S a 6S Plus ale konstrukci telefonu posílil. Od té doby YouTubeři všechny telefony podrobují ohýbacím testům. A také odolnosti vůči mixéru…

Smrtící software

Problém: Apple řeší drobné i větší softwarové problémy běžně. Občas se najde chyba, kvůli které kliknutím na odkaz nebo otevřením zvláštního souboru dojde k vypnutí telefonu. Několikrát měl problém s aplikací Hodiny, po změně letního času například nefungoval budík. Největší problémy ale způsobily nefunkčnost telefonů po upgradu systému. Cihly se z některých mobilů staly po vydání iOS 8.0.1 nebo iOS 10.

Update iOS už „umrtvil“ tisíce iPhonů Update iOS už „umrtvil“ tisíce iPhonů

Řešení: Opravuje. Opravuje. Opravuje. Nefunkční telefony bylo možné zprovoznit skrz aplikaci iTunes pro Windows/Mac, odkud se stáhl obraz systému a ten se pak flashnul do zařízení.

Ne všechny iPhony jsou stejné

Problém: Čip A9 pro iPhone 6S si Apple nechal vyrábět u Samsungu a TSMC. Ještě Samsung měl pokročilejší výrobu (14nm oproti 16nm), čipy byly menší a měly nižší spotřebu. iPhony se srdcem od Samsungu v testech vydržely déle.

Řešení: Apple uživatele uchlácholil, že rozdíly jsou v běžném provozu minimální a rozdílu ve výkonu nebo výdrži si nikdo nevšimne.

Pozor. Článek pokračuje v další kapitole…

Od 2016 do současnosti

Zklamání z iPhonu 7

Problém: Sedmička přinesla mj. dvě vychytávky. Telefon přišel o sluchátkový jack. Uživatelé museli použít Bluetooth nebo Lightning. Apple navíc uvedl speciální superlesklou verzi telefonu nazvanou Jet Black, u které rovnou říkal, že se může lehce poškrábat a že byste měli používat kryt.

Variant Jet Black byla tak snadno poškrábatelná, že Apple doporučoval telefon nosit v obalu Variant Jet Black byla tak snadno poškrábatelná, že Apple doporučoval telefon nosit v obalu

Řešení: Apple nakonec přidával redukci z Lightningu na 3,5mm jack přímo k telefonu. V budoucích iPhonech se ale jack nevrátí. Nevrátila se ale ani modelová varianta Jet Black.

Zase ty čipy

Problém: Experti z Cellular Insights si všimli, že různé iPhony mají různě citlivý příjem mobilních sítí. Rozdíl nakonec našli. Apple v iPhonech 7 používal modemy od Qualcommu a Intelu. Ty první byly lepší, telefony s nimi měly lepší signál a dosahovaly i vyšších rychlostí.

Modem od Intelu je horší než od Qualcommu Modem od Intelu je horší než od Qualcommu (zdroj: Cellular Insights)

Řešení: Qualcomm Apple zažaloval mj. kvůli tomu, že nevyužívá naplno potenciál jeho čipů a uměle je osekává. Apple problém neřeší, i iPhone X používá různé čipy s různým výkonem.

Náfuka jeden

Problém: V jednotkách případů bylo pozorováno, že se u iPhonů 8 (Plus) odlepuje displej. Nejčastěji se tak stalo při nabíjení, kdy se zřejmě nafoukla baterka.

https://twitter.com/Magokoro0511/status/911893917192163328

Řešení: Apple telefon opravuje nebo vyměňuje v rámci záručního servisu a problém vyšetřuje. Zdá se však, že jde o chybu týkající se malé série telefonů.

Zpomalování iPhonů se starší baterkou

Problém: Aby se iPhony s opotřebovanými akumulátory v zátěži nevypínaly, Apple je uměle zpomaluje. Jenže o tom dopředu nikomu neřekl. Čelí už více než deseti obviněním, že telefony zpomaluje schválně, aby lidi nutil kupovat nové modely.

Apple iPhone 6S Apple iPhone 6S

Řešení: Apple se omluvil a řekl, že zpomalování měl vysvětlit dříve. Nově zlevní pozáruční výměnu akumulátorů a v příští verzi iOS bude informovat o stavu akumulátoru.

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