;

Tkví ve Windows Phone 8 tajemství většího úspěchu Windows? (1.)

15. 11. 2012
Doba čtení: 3 minuty

Sdílet

Autor: microsoft.com
Windows 8 a Windows Phone 8 mají společné více než jen jedno číslo. Stačí se podívat na tyto dva operační systémy a můžete říct, že Microsoft chce sjednotit zařízení s Windows Phone, tablety a počítače s Windows 8 a herní konzoli Xbox.

Jak jsou ale sjednoceny systémy Windows 8 a WP8? Jedná se v případě vize Microsoftu v podobě „tří obrazovek“ o velký krok, nebo je velký ekosystém Windows stále prázdným slibem? Podívejme se, jak jsou Windows 8 – potažmo Windows RT a Windows Phone 8 provázány, a co při používání obou můžete očekávat.

Dvoje Windows, jeden vzhled

V rámci svého pokusu o nové vymezení sebe sama vytvořila společnost Microsoft nový vizuální styl napříč svými produkty - ten obsahuje minimalistické ostré hrany, plné barvy, jednobarevné ikony a opakované použití jednotného stylového fontu. Jak Windows 8, tak WP 8 uplatňují tento moderní vzhled (dříve známý jako Metro) nejvýrazněji prostřednictvím dlaždic (live tiles) na svých domácích obrazovkách.

Skrze tyto dlaždice se můžete zběžně koukat na fotografie, textové zprávy, počty nepřečtených e-mailů, předpovědi počasí a další informace, aniž byste otevírali příslušné aplikace.

V obou operačních systémech můžete přizpůsobit vaši startovací obrazovku „připichováním“ aplikačních dlaždic a změnou jejich velikosti, a také se rozhodnout, které z těchto dlaždic by měly být aktualizovány novými informacemi. Společné vzhledové elementy jsou pro uživatele Windows 8 a WP8 výhodou.

Konzistence je významným plusem ekosystému Microsoftu, neboť by přijetí systému Windows 8 mělo být automatické (společně s koupí nového počítače dostanete nový systém). Zákazníci se tak seznámí s novým uživatelským rozhraním a aplikacemi ve Windows Store, a možná si v tom procesu lépe zvyknou i na mobilní verzi systému.

Windows Phone 8Data v cloudu SkyDrive

Podobnosti rozhraní jsou však pouze povrchním poutem desktopového a mobilního systému. Lepidlem, které tyto systémy drží pohromadě, je SkyDrive. Služba online úložiště je propojena s oběma, takže jejich uživatelé mohou sdílet své fotografie, videa a dokumenty napříč zařízeními.

Windows Phone 8 může fotky a videa do SkyDrive nahrávat automaticky a v plném rozlišení. Přestože automatizace není pro SkyDrive nová, byla dříve ukryta v rámci menu a neumožňovala nahrávání v plném rozlišení.

Takové soubory médií jsou pak ve Windows 8 automaticky dostupné pro použití v jakékoliv aplikaci Windows 8 Store. Budete-li tedy chtít třeba editovat fotku, kterou jste pořídili vaším telefonem, umožní vám systém automaticky zvolit soubor ze SkyDrive na stejné úrovni, jako byste volili soubor z loálního disku. Samozřejmostí je synchronizace SkyDrive mezi Windows 8 a WP 8.

SkyDrive hraje významnou roli i v aplikacích řady Office. Ve chvíli, kdy dokumenty této řady uložíte na SkyDrive, objeví se automaticky v aplikaci Office ve WP8 v seznamu posledních dokumentů. Uživatelé Outlooku zase uvidí dokumenty, které jim přišly e-mailem. V OneNote se do SkyDrive automaticky synchronizují všechny poznámky, takže je máte aktualizované na všech svých zařízeních.

Cyber25

Samozřejmě, že Office nejsou pouze doménou Windows – jsou dostupné pro Mac, a dle dosud neověřených informací se chystá i jejich verze pro iOS a Android. Nicméně ve WP8 a tabletech se systémem RT jsou již předinstalovány, takže jsou s platformami Microsoftu spjaty více než s čímkoliv jiným. Verze Office pro WP8 je překvapivě výkonný nástroj pro rychlé prohlížení dokumentů, přidáván anotací a dokonce lehké editace ve Wordu a Excelu.

Pokračování

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