CINXE.COM

袙褨褉褌褍邪谢褜薪邪 械泻褋泻褍褉褋褨褟 锌芯 袣芯薪褋褌懈褌褍褑褨泄薪芯屑褍 褋褍写褍 校泻褉邪褩薪懈

<!DOCTYPE html> <html lang="ru"> <head> <title>袙褨褉褌褍邪谢褜薪邪 械泻褋泻褍褉褋褨褟 锌芯 袣芯薪褋褌懈褌褍褑褨泄薪芯屑褍 褋褍写褍 校泻褉邪褩薪懈</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" id="metaViewport" content="user-scalable=no, initial-scale=1, width=device-width, viewport-fit=cover" data-tdv-general-scale="0.5"/> <meta name="apple-mobile-web-app-capable" content="yes"/> <meta name="apple-mobile-web-app-status-bar-style" content="default"> <link rel="preload" href="locale/ru.txt?v=1638866399930" as="fetch" crossorigin="anonymous"/> <link rel="preload" href="script.js?v=1638866399930" as="script"/> <link rel="preload" href="media/panorama_5A462A3D_4BEE_0C77_41CA_1625CA37C385_0/r/4/0_0.jpg?v=1638866399930" as="image"/> <link rel="preload" href="media/panorama_5A462A3D_4BEE_0C77_41CA_1625CA37C385_0/l/4/0_0.jpg?v=1638866399930" as="image"/> <link rel="preload" href="media/panorama_5A462A3D_4BEE_0C77_41CA_1625CA37C385_0/u/4/0_0.jpg?v=1638866399930" as="image"/> <link rel="preload" href="media/panorama_5A462A3D_4BEE_0C77_41CA_1625CA37C385_0/d/4/0_0.jpg?v=1638866399930" as="image"/> <link rel="preload" href="media/panorama_5A462A3D_4BEE_0C77_41CA_1625CA37C385_0/f/4/0_0.jpg?v=1638866399930" as="image"/> <link rel="preload" href="media/panorama_5A462A3D_4BEE_0C77_41CA_1625CA37C385_0/b/4/0_0.jpg?v=1638866399930" as="image"/> <meta name="description" content="Virtual Tour"/> <meta name="theme-color" content="#FFFFFF"/> <script src="lib/tdvplayer.js?v=1638866399930"></script> <script src="script.js?v=1638866399930"></script> <script type="text/javascript"> var tour; var devicesUrl = {"general":"script_general.js?v=1638866399930","mobile":"script_mobile.js?v=1638866399930"}; (function() { var deviceType = ['general']; if(TDV.PlayerAPI.mobile) deviceType.unshift('mobile'); if(TDV.PlayerAPI.device == TDV.PlayerAPI.DEVICE_IPAD) deviceType.unshift('ipad'); var url; for(var i=0; i<deviceType.length; ++i) { var d = deviceType[i]; if(d in devicesUrl) { url = devicesUrl[d]; break; } } if(typeof url == "object") { var orient = TDV.PlayerAPI.getOrientation(); if(orient in url) { url = url[orient]; } } var link = document.createElement('link'); link.rel = 'preload'; link.href = url; link.as = 'script'; var el = document.getElementsByTagName('script')[0]; el.parentNode.insertBefore(link, el); })(); function loadTour() { if(tour) return; if (/AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent)) { var preloadContainer = document.getElementById('preloadContainer'); if(preloadContainer) document.body.style.backgroundColor = window.getComputedStyle(preloadContainer).backgroundColor; } var settings = new TDV.PlayerSettings(); settings.set(TDV.PlayerSettings.CONTAINER, document.getElementById('viewer')); settings.set(TDV.PlayerSettings.WEBVR_POLYFILL_URL, 'lib/WebVRPolyfill.js?v=1638866399930'); settings.set(TDV.PlayerSettings.HLS_URL, 'lib/Hls.js?v=1638866399930'); settings.set(TDV.PlayerSettings.QUERY_STRING_PARAMETERS, 'v=1638866399930'); tour = new TDV.Tour(settings, devicesUrl); tour.bind(TDV.Tour.EVENT_TOUR_INITIALIZED, onVirtualTourInit); tour.bind(TDV.Tour.EVENT_TOUR_LOADED, onVirtualTourLoaded); tour.bind(TDV.Tour.EVENT_TOUR_ENDED, onVirtualTourEnded); tour.load(); } function pauseTour() { if(!tour) return; tour.pause(); } function resumeTour() { if(!tour) return; tour.resume(); } function onVirtualTourInit() { var updateTexts = function() { document.title = this.trans("tour.name") }; tour.locManager.bind(TDV.Tour.LocaleManager.EVENT_LOCALE_CHANGED, updateTexts.bind(tour.locManager)); if (tour.player.cookiesEnabled) enableCookies(); else tour.player.bind('enableCookies', enableCookies); } function onVirtualTourLoaded() { disposePreloader(); } function onVirtualTourEnded() { } function enableCookies() { } function setMediaByIndex(index) { if(!tour) return; tour.setMediaByIndex(index); } function setMediaByName(name) { if(!tour) return; tour.setMediaByName(name); } function showPreloader() { var preloadContainer = document.getElementById('preloadContainer'); if(preloadContainer != undefined) preloadContainer.style.opacity = 1; } function disposePreloader() { var preloadContainer = document.getElementById('preloadContainer'); if(preloadContainer == undefined) return; var transitionEndName = transitionEndEventName(); if(transitionEndName) { preloadContainer.addEventListener(transitionEndName, hide, false); preloadContainer.style.opacity = 0; setTimeout(hide, 500); //Force hide. Some cases the transitionend event isn't dispatched with an iFrame. } else { hide(); } function hide() { //DisposePreloader document.body.style.backgroundColor = window.getComputedStyle(preloadContainer).backgroundColor; preloadContainer.style.visibility = 'hidden'; preloadContainer.style.display = 'none'; var videoList = preloadContainer.getElementsByTagName("video"); for(var i=0; i<videoList.length; ++i) { var video = videoList[i]; video.pause(); while (video.children.length) video.removeChild(video.children[0]); } } function transitionEndEventName () { var el = document.createElement('div'); var transitions = { 'transition':'transitionend', 'OTransition':'otransitionend', 'MozTransition':'transitionend', 'WebkitTransition':'webkitTransitionEnd' }; var t; for (t in transitions) { if (el.style[t] !== undefined) { return transitions[t]; } } return undefined; } } function onBodyClick(){ document.body.removeEventListener("click", onBodyClick); document.body.removeEventListener("touchend", onBodyClick); } function onLoad() { if (/AppleWebKit/.test(navigator.userAgent) && /Mobile\/\w+/.test(navigator.userAgent)) { var onOrientationChange = function() { document.documentElement.style.height = 'initial'; Array.from(document.querySelectorAll('.fill-viewport')).forEach(function(element) { element.classList.toggle('landscape-right', window.orientation == -90); element.classList.toggle('landscape-left', window.orientation == 90); }); setTimeout(function() { document.documentElement.style.height = '100%'; }, 500); }; window.addEventListener('orientationchange', onOrientationChange); onOrientationChange(); } var params = getParams(location.search.substr(1)); if(params.hasOwnProperty("skip-loading")) { loadTour(); disposePreloader(); return; } if (isOVRWeb()){ showPreloader(); loadTour(); return; } showPreloader(); loadTour(); } function playVideo(video) { function isSafariDesktopV11orGreater() { return /^((?!chrome|android|crios|ipad|iphone).)*safari/i.test(navigator.userAgent) && parseFloat(/Version\/([0-9]+\.[0-9]+)/i.exec(navigator.userAgent)[1]) >= 11; } function hasAudio (video) { return video.mozHasAudio || Boolean(video.webkitAudioDecodedByteCount) || Boolean(video.audioTracks && video.audioTracks.length); } function detectUserAction() { var onVideoClick = function(e) { if(video.paused) { video.play(); } video.muted = false; if(hasAudio(video)) { e.stopPropagation(); e.stopImmediatePropagation(); e.preventDefault(); } video.removeEventListener('click', onVideoClick); video.removeEventListener('touchend', onVideoClick); }; video.addEventListener("click", onVideoClick); video.addEventListener("touchend", onVideoClick); } if (isSafariDesktopV11orGreater()) { video.muted = true; video.play(); } else { var canPlay = true; var promise = video.play(); if (promise) { promise.catch(function() { video.muted = true; video.play(); detectUserAction(); }); } else { canPlay = false; } if (!canPlay || video.muted) { detectUserAction(); } } } function isOVRWeb(){ return window.location.hash.substring(1).split('&').indexOf('ovrweb') > -1; } function getParams(params) { var queryDict = {}; params.split("&").forEach(function(item) {var k = item.split("=")[0], v = decodeURIComponent(item.split("=")[1]);queryDict[k.toLowerCase()] = v}); return queryDict; } document.addEventListener('DOMContentLoaded', onLoad); </script> <style type="text/css"> html, body { height:100%; width:100%; height:100vh; width:100vw; margin:0; padding:0; overflow:hidden; } .fill-viewport { position:fixed; top:0; left:0; right:0; bottom:0; padding:0; margin:0; overflow: hidden; } .fill-viewport.landscape-left { left: env(safe-area-inset-left); } .fill-viewport.landscape-right { right: env(safe-area-inset-right); } #viewer { z-index:1; } </style> <link rel="stylesheet" href="fonts.css?v=1638866399930"> </head> <body> <div id="viewer" class="fill-viewport"></div> </body> </html>