File: /home/dronicaehy/www/HTML_Millanares_Abanilla/index.htm
<!DOCTYPE html>
<html lang="es">
<head>
<title>MILLANARES-ABANILLA</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="shortcut icon" href="favicon.ico?v=1640001004253">
<link rel="icon" sizes="48x48 32x32 16x16" href="favicon.ico?v=1640001004253">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="misc/icon180.png?v=1640001004253">
<link rel="icon" type="image/png" sizes="16x16" href="misc/icon16.png?v=1640001004253">
<link rel="icon" type="image/png" sizes="32x32" href="misc/icon32.png?v=1640001004253">
<link rel="icon" type="image/png" sizes="192x192" href="misc/icon192.png?v=1640001004253">
<link rel="manifest" href="manifest.json?v=1640001004253">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-config" content="browserconfig.xml">
<link rel="preload" href="locale/es.txt?v=1640001004253" as="fetch" crossorigin="anonymous"/>
<link rel="preload" href="script.js?v=1640001004253" as="script"/>
<link rel="preload" href="media/panorama_DA60A1B3_D7A3_1D36_41AC_AAFA271AEF9D_0/r/3/0_0.jpg?v=1640001004253" as="image"/>
<link rel="preload" href="media/panorama_DA60A1B3_D7A3_1D36_41AC_AAFA271AEF9D_0/l/3/0_0.jpg?v=1640001004253" as="image"/>
<link rel="preload" href="media/panorama_DA60A1B3_D7A3_1D36_41AC_AAFA271AEF9D_0/u/3/0_0.jpg?v=1640001004253" as="image"/>
<link rel="preload" href="media/panorama_DA60A1B3_D7A3_1D36_41AC_AAFA271AEF9D_0/d/3/0_0.jpg?v=1640001004253" as="image"/>
<link rel="preload" href="media/panorama_DA60A1B3_D7A3_1D36_41AC_AAFA271AEF9D_0/f/3/0_0.jpg?v=1640001004253" as="image"/>
<link rel="preload" href="media/panorama_DA60A1B3_D7A3_1D36_41AC_AAFA271AEF9D_0/b/3/0_0.jpg?v=1640001004253" as="image"/>
<meta name="description" content="Virtual Tour"/>
<meta name="theme-color" content="#FFFFFF"/>
<script src="lib/tdvplayer.js?v=1640001004253"></script>
<script src="script.js?v=1640001004253"></script>
<script type="text/javascript">
var tour;
var devicesUrl = {"general":"script_general.js?v=1640001004253","mobile":"script_mobile.js?v=1640001004253"};
(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=1640001004253');
settings.set(TDV.PlayerSettings.HLS_URL, 'lib/Hls.js?v=1640001004253');
settings.set(TDV.PlayerSettings.QUERY_STRING_PARAMETERS, 'v=1640001004253');
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()
{
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);
loadTour();
}
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;
}
document.body.addEventListener("click", onBodyClick);
document.body.addEventListener("touchend", onBodyClick);
showPreloader();
}
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; }
#preloadContainer { z-index:2; opacity:0; background-color:rgba(255,255,255,1); transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s;}
</style>
<link rel="stylesheet" href="fonts.css?v=1640001004253">
</head>
<body>
<div id="preloadContainer" class="fill-viewport"><div style="z-index: 4; position: absolute; background-image: url('loading/HTMLImage_CBB3DD5F_D8D5_9235_41D2_BC75E6FD12C8.png'); background-size: contain; background-repeat: no-repeat; background-position: center center; overflow: hidden; right: 1.17%; bottom: 2.39%; width: 11.33%; height: 20.11%"></div><div style="z-index: 5; position: absolute; background-image: url('loading/HTMLImage_DB1B245A_D7A1_1B76_41CC_24E6478B6BC7.jpg'); background-size: contain; background-repeat: no-repeat; background-position: center center; overflow: hidden; right: 0.06218905472636816%; bottom: 39.88826815642467%; width: 99.94%; height: 53.41%"></div><div style="z-index: 6; position: absolute; left: 0%; bottom: 39.82%; width: 99.87%; height: 5.21%"><div style="text-align:left; color:#000; "><DIV STYLE="text-align:center;font-size:2.2310756972111556vmin;"><SPAN STYLE="display:inline-block; letter-spacing:0vmin; white-space:pre-wrap;color:#000000;font-family:Arial, Helvetica, sans-serif;"><SPAN STYLE="font-size:2.23vmin;font-family:'Roboto';">Click para continuar / Click to continue</SPAN></SPAN></DIV></div></div></div>
<div id="viewer" class="fill-viewport"></div>
</body>
</html>