Na kole z Prahy do Děčína

2. 5. 2009

Sdílet

Ilustrační obrázek
Autor: Depositphotos – VadimVasenin
Ilustrační obrázek
TIP NA VÝLET – Trasu z Prahy do Děčína jsme mohli jet pěkně podél Labe. A možná bych si u toho ještě zpíval. Jenže my jsme s bývalým kolegou z Reflexu Andrejem Haladou zvolili jinou variantu: přes České středohoří. Tušil jsem, že se trochu zapotíme. Ale po naší cyklocestě z Prahy do Brna jsem si myslel, že tohle bude „brnkačka“.

Co se týká délky trasy, Děčín je z Prahy o nějakých sto kilometrů blíž než Brno, takže z tohoto pohledu jsme si neměli na co stěžovat. Jenže vzdálenost klame, a pokud do ní nezapočítáte zvlněný, v druhé polovině vyloženě kopcovitý terén, můžete se ve svých propočtech lehce zmýlit. Za normálních okolností a po rovině by se oněch 134 kilometrů dalo ujet za šest, sedm hodin. S horským kolem a přes kopce nám trvalo o dost déle: přes devět hodin.

Volba kola: horské, nebo-li blátošlap

Od začátku jsme věděli, že nepojedeme jenom po silnici, takže volba typu bicyklu byla jasná. Na horském kole jsme se mohli protáhnout vltavskou cyklotrasou z pražských Dejvic až do Kralup nad Vltavou. Abychom se vyhnuli ošklivým kamenům na trojské a bohnické straně Vltavy, vydali jsme se z dejvického Vítězného náměstí, kde naše cesta začínala, nejprve po silnici do Roztok u Prahy. Tady jsme použili známý přívoz na druhý břeh do Klecan, odkud vede podél řeky cyklostezka až do vesnice Řež. Odtud už pokračuje jen prašná stezka na Kralupy, která bývá po dešti plná kaluží a bláta.

Stezka je o to nepříjemnější, že zhruba čtyři kilometry vede po zalesněném skalním útesu přímo nad Vltavou. Po pravé straně skála nebo ostré šlahouny, po levé dvoumetrový sráz do vody. Cesta je úzká a hrbolatá, samý kámen nebo kořen. Často se tu potkáte s cyklistou v protisměru, takže je dobré tudy moc nespěchat. Ostatně, terén ani kvalita cesty rychlou jízdu ani moc neumožňují (pokud nejste zrovna blázni, což protijedoucí bikeři zpravidla bývají). Poslední čtyři kilometry do Kralup už vede většinou asfaltová cyklostezka.

My jsme ale nezajeli až do Kralup, přes Chvatěruby jsme projeli silnicí mezi městem a rafinérií do Veltrus a přes zámecký park pokračovali po cyklostezce alejí mezi poli k romantické restauraci Červený Mlýn a do Všestud. Kilometr za vesnicí jsme podjeli dálnici z Prahy do Teplic a pokračovali po cyklotrase přes Dušníky nad Vltavou, Dědibaby a Bukol k dalšímu přívozu u Lužce nad Vltavou. Terén ideální, naprostá rovinka a okolo samé lány chmele.

Počasí se vyplatí sledovat dopředu

Lužec

Přívoz u Lužce je zajímavý tím, že převozník nepoužívá žádný motor ani nevesluje, ale loď je zachycená na ocelovém lanu s kolečkem, a stačí pouze správně nastavit veslo – loď se veze na druhý břeh sama, jenom silou proudu. O víkendech přívoz funguje po celý den (od 9:00 do 19:00), přes všední dny bývá okolo poledne dvouhodinová pauza. Cesta na druhý břeh stojí deset korun (za kolo si převozník účtuje dalších 10 Kč). Přívoz funguje celoročně.

Z Lužce pokračujeme podél Vraňansko-Hořínského plavebního kanálu k historickým zdymadlům u Hořína. V podstatě si k nim zajíždíme, po silnici bychom se do Mělníka, kam míříme, dostali rychleji. Zajížďka se ale určitě vyplatí, místní budovy jsou opravdový architektonický skvost. Počasí nám přeje, i když předpověď hlásala bouřky z veder. Z mapy předpokládaných srážek v Lidových novinách jsem se ale dozvěděl, že pršet by mělo spíš ve středních Čechách, zatímco severu, kam míříme, se má déšť vyhnout.

Počasí je pro plánování dálkových cyklovýletů klíčové. Před cestou bychom si neměli zjistit jenom to, zda náhodou nebude pršet, ale také informace o předpokládané teplotě a především směru větru. U dlouhých tras je velmi nepříjemné jet proti větru. V našem případě se vítr točil, čas od času nám ale zadul přímo do obličeje a nebylo to nijak příjemné. Ačkoli byl typický letní pařák s teplotami atakujícími třicítku ve stínu (výlet jsme absolvovali loni v létě), v batohu jsem sebou měl větrovku – pro všechny případy, kdyby pršelo a teplota prudce klesla.

Rozložte síly, ať dojedete

Cyklistika

Do Mělníka jsme ani nemuseli zajíždět, protože naše trasa do Děčína vede z Hořína dál podél levého břehu Labe. My jsme se ale chtěli ve městě občerstvit, a tak ztrácíme asi tři čtvrtě hodiny v malé restauraci u kruhového objezdu s výpadovkou na Českou Lípu. Následuje poslední rovinatá část cesty: přes Dolní Beřkovice, Horní Počaply s Elektrárnou Mělník a Hnězice k Račicím, před kterými odbočujeme doprava na most přes Labe do Štětí. Opět míjíme velkou průmyslovou zónu a pokračujeme po silnici 261 směrem na Hoštku.

Až do této chvíle jsme jeli téměř pořád po rovině. Dva kilometry za Štětím se ale silnice stáčí prudce doleva a stoupá do kopce. Musíme překonat první val nad Labem, na jeden kilometr je tu téměř stometrové převýšení. Ještě než vysupíme nahoru, ozve se za námi hrom a za chvíli začínají padat první kapky. Z východu se blíží ošklivé bouřkové mraky, ale naštěstí jsme na jejich okraji a daří se nám jim ujíždět. Okraj bouřky nás ale ohrožuje ještě následující hodinu. Momentálně máme najeto osmdesát kilometrů.

Sjíždíme z mírného kopce do Hošťky, a tady máme na vybranou: buď jet kratší cestou do kopce nebo ho objet delší trasou, ale po relativní rovince. Volíme druhou variantu a jedeme podél železniční trati do Svařenic a dál na křižovatku před Vruticemi. Tady se stáčíme doprava a po hlavní silnici se pouštíme do prvních opravdových kopců. Vjíždíme do Českého středohoří a musíme nabrat výšku. Silnice kopíruje Úštěcký potok, dovede nás až do Drahobuzi a tady uhýbáme doleva na vedlejší silničku směr Břehoryje. Jedeme celkem pomalu, snažíme se šetřit síly před dalšími kopci.

Zrádné kopce

Liběšice

Přes Břehoryje se táhlým mírným kopcem dostáváme opět na hlavní silnici, která má o poznání lepší povrch a dojíždíme do Liběšic, obce vzdálené čtyři kilometry od Úštěku. Tam ale nejedeme. Na liběšickém náměstí si chceme chvilku odpočinout, ale je tu zrovna pouť a rámus nás vyhání o kus dál. Vyjíždíme z obce do prudkého kopce a odpočíváme až u železničního přejezdu, skoro kilometr od náměstí. Doplňujeme tekutiny a posilujeme se jídlem. Zvolil jsem bagetu, ale nemůžu ji sníst najednou. Dám si jen třetinu, abych zvládl šlapat do kopce.

Kopec je opravdu ošklivý, než dojedeme do kilometr vzdálených Trnobran, pořádně se zapotíme. Odměnou nám je nádherný rozhled do polabské nížiny a směrem ke Kralupům nad Vltavou. Poté se už přehoupneme přes obzor a ocitáme se v krajině kopců. Po levé straně máme špičatý vrchol kopce Baba a Sedla s nadmořskou výškou 726 metrů. Musíme „líznout“ část jeho hřebene, takže za Trnobrany pokračujeme dál do kopce do vesnice Srdov a do Horní Vysoké. Tady mám první krizi, kopce jsou opravdu nepříjemné. Zdaleka ale nekončí.

Z Horní Vysoké pokračujeme na křižovatku mezi Lovečkovicemi a Levínem, opouštíme hlavní silnici a pokračujeme rovně po vedlejší, dále mírně do kopce směrem na Verneřice. Kopec začíná být opět prudší a já mám opravdu problém ho vyjet. Zastavuji snad každých padesát metrů, a nakonec posílám Andreje dopředu. Sejdeme se ve Verneřicích. Andrej mi za chvíli mizí za další zatáčkou na hlavní silnici, vedoucí k Mukařovu. Jedu pomalu za ním a po chvíli narážím na autobusovou zastávku v polích, kde se schovávám před sluncem. Doplňuji tekutiny a odpočívám.

Trvá to asi deset minut, a náhle kolem zastávky prosviští jakýsi cyklista, který jede opačným směrem – z Mukařova dolů. To se mu to jede, říkám si a pomalu se chystám pokračovat v jízdě do kopce. Jakmile šlápnu do pedálů, zvoní mi telefon. Andrej se bál, se mi něco stalo, a jel mi zpátky naproti. Na místě, kde jsme se rozdělili, mě ale nenašel. Byl to tedy ten svištící cyklista. Domlouváme se, že tentokrát pojedu napřed já a Andrej mě dojede. Vyšlápne si ten kopec znovu. Stoupání končí u Mukařova. Dostávám se na obzor a před sebou vidím Verneřovice. Jsou v mírném dolíku a sjíždí se do nich z celkem prudkého kopce.

Andreje zatím nevidím, pouštím se tedy dolů sám a chvílemi jedu rychlostí až 62 km/h. Na hlavní křižovatce sesedám z kola a čekám. Andrej dojíždí asi za pět minut. Nakupujeme v místním krámku pití a zeleninu. Je mi trochu zle od žaludku, jízdou do kopce jsme zvládli převýšení téměř 500 metrů. Opět se rozhodujeme, kudy pojedeme. Varianty jsou asi tři. Nakonec volíme tu nejkratší a nejméně do kopce: pokračujeme do obce Příbram (je to takřka rovinka), u kterého stojí televizní a rozhlasový vysílač Buková hora.

Padákem dolů do Děčína

Z Příbrami vede ještě jeden kopec do obce Rychnov ve výšce 610 metrů nad mořem. Rozhodujeme se jet už dolů ze středohoří k Labi. Čas se nachýlil, je půl šesté, a za dvě hodiny nám z Děčína jede poslední zamýšlený rychlík do Prahy. U výjezdu z Rychnova nás varuje dopravní značka s informací, že kopec má sklon čtrnáct stupňů. Je to neuvěřitelný „padák“. Na osmi kilometrech před Rytířov, Babětín a Přední Lhotu k Labi ztratíme na výšce 500 metrů.

Zbytek cesty už je pohodový, v podstatě rovina. Jedeme po hlavní silnici na pravém břehu Labe, do Děčína to je od odbočky z kopců deset kilometrů. Ve tři čtvrtě na sedm večer jsme dorazili na hlavní děčínské nádraží. Cesta trvala devět a čtvrt hodiny, ujeli jsme 134 kilometrů. Podél Labe by to bylo asi delší, ale nebudu daleko od pravdy, když si tipnu, že po rovině bychom z Prahy do Děčína dojeli rychleji. Můžu porovnávat s podobně dlouhou cestou z Prahy do Pardubic podél Labe, která byla přibližně stejně dlouhá a při dvou pokusech mi vždy trvala šest a půl hodiny.

Pokud bych před cestou věděl, co mě čeká, asi bych zvolil trošku jinou trasu z Prahy do Kralup a vzal si raději silniční nebo fitness kolo. Určitě by mi ušetřilo hodně sil. Na druhou stranu, trénink s těžším horským kolem rozhodně není k zahození. Pokud ale patříte ke svátečním cyklistům, jeďte raději podél Labe a nemusíte nutně dojet až do Děčína.

Začátek cesty: 9:30 hod., Vítězné náměstí, Praha 6 – Dejvice

Konec cesty: 18:44 hod., hlavní nádraží, Děčín

Délka: 134 kilometrů

Převýšení: 500 metrů

Foto: Wikipedia.org, Tomáš Tesař (Reflex), Libesice.cz

Autor článku

Zakladatel serveru Vitalia.cz a jeho šéfredaktor v letech 2008 až 2009

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