File: /home/dronicaehy/www/ElPozo/index.htm
<!DOCTYPE html>
<html>
<head>
<title>El Pozo</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=0.5, width=device-width, viewport-fit=cover" />
<link rel="preload" href="script.js?v=1559724872830" as="script"/>
<link rel="preload" href="media/panorama_2F624A7F_22F5_F09C_41C1_33FE6E0D4006_0/l/3/0_0.jpg" as="image"/>
<link rel="preload" href="media/panorama_2F624A7F_22F5_F09C_41C1_33FE6E0D4006_0/r/3/0_0.jpg" as="image"/>
<link rel="preload" href="media/panorama_2F624A7F_22F5_F09C_41C1_33FE6E0D4006_0/u/3/0_0.jpg" as="image"/>
<link rel="preload" href="media/panorama_2F624A7F_22F5_F09C_41C1_33FE6E0D4006_0/d/3/0_0.jpg" as="image"/>
<link rel="preload" href="media/panorama_2F624A7F_22F5_F09C_41C1_33FE6E0D4006_0/f/3/0_0.jpg" as="image"/>
<link rel="preload" href="media/panorama_2F624A7F_22F5_F09C_41C1_33FE6E0D4006_0/b/3/0_0.jpg" as="image"/>
<meta name="description" content="Virtual Tour"/>
<script src="lib/tdvplayer.js"></script>
<script type="text/javascript">
var player;
var playersPlayingTmp = [];
var isInitialized = false;
var isPaused = false;
function loadTour()
{
if(player)
return;
var beginFunc = function(event){
if(event.name == 'begin')
{
var camera = event.data.source.get('camera');
if(camera && camera.get('initialSequence') && camera.get('initialSequence').get('movements').length > 0)
return;
}
if(event.sourceClassName == "MediaAudio")
return;
isInitialized = true;
player.unbind('preloadMediaShow', beginFunc, player, true);
player.unbindOnObjectsOf('PanoramaPlayListItem', 'begin', beginFunc, player, true);
player.unbind('stateChange', beginFunc, player, true);
window.parent.postMessage("tourLoaded", '*');
disposePreloader();
onVirtualTourLoaded();
};
var settings = new TDV.PlayerSettings();
settings.set(TDV.PlayerSettings.CONTAINER, document.getElementById('viewer'));
settings.set(TDV.PlayerSettings.SCRIPT_URL, 'script.js?v=1559724872830');
settings.set(TDV.PlayerSettings.WEBVR_POLYFILL_URL, 'lib/WebVRPolyfill.js');
settings.set(TDV.PlayerSettings.HLS_URL, 'lib/Hls.js');
window.tdvplayer = player = TDV.PlayerAPI.create(settings);
player.bind('preloadMediaShow', beginFunc, player, true);
player.bind('stateChange', beginFunc, player, true);
player.bindOnObjectsOf('PanoramaPlayListItem', 'begin', beginFunc, player, true);
player.bindOnObject('rootPlayer', 'start', function(e){
var queryDict = {}; location.search.substr(1).split("&").forEach(function(item) {var k = item.split("=")[0], v = decodeURIComponent(item.split("=")[1]);queryDict[k] = v});
var item = undefined;
if("media-index" in queryDict){
item = setMediaByIndex(parseInt(queryDict["media-index"]) - 1);
}
else if("media-name" in queryDict){
item = setMediaByName(queryDict["media-name"]);
}
if(item != undefined && "trigger-overlay-name" in queryDict){
triggerOverlayByName(item, queryDict["trigger-overlay-name"], "trigger-overlay-event" in queryDict ? queryDict["trigger-overlay-event"] : "click");
}
player.getById('rootPlayer').bind('tourEnded', function(){
onVirtualTourEnded();
}, player, true);
}, player, false);
/* Listen messages */
window.addEventListener('message', function (e) {
//Listen to messages for make actions to player in the format function:param1,param2
var action = e.data;
if (action == 'pauseTour' || action == 'resumeTour') {
this[action].apply(this);
}
});
}
function pauseTour()
{
isPaused = true;
if(!isInitialized)
return;
var playLists = player.getByClassName('PlayList');
for(var i = 0, count = playLists.length; i<count; i++)
{
var playList = playLists[i];
var index = playList.get('selectedIndex');
if(index != -1)
{
var item = playList.get('items')[index];
var itemPlayer = item.get('player');
if(itemPlayer && itemPlayer.pause)
{
playersPlayingTmp.push(itemPlayer);
itemPlayer.pause();
}
}
}
player.getById('pauseGlobalAudios')();
}
function resumeTour()
{
isPaused = false;
if(!isInitialized)
return;
while(playersPlayingTmp.length)
{
var viewer = playersPlayingTmp.pop();
viewer.play();
}
player.getById('resumeGlobalAudios')();
}
function onVirtualTourLoaded()
{
if(isPaused)
pauseTour();
}
function onVirtualTourEnded()
{
}
function getRootPlayer()
{
return window.tdvplayer !== undefined ? window.tdvplayer.getById('rootPlayer') : undefined;
}
function setMediaByIndex(index)
{
var rootPlayer = getRootPlayer();
if(rootPlayer !== undefined) {
return rootPlayer.setMainMediaByIndex(index);
}
}
function setMediaByName(name)
{
var rootPlayer = getRootPlayer();
if(rootPlayer !== undefined) {
return rootPlayer.setMainMediaByName(name);
}
}
function triggerOverlayByName(item, name, eventName)
{
var rootPlayer = getRootPlayer();
if(rootPlayer !== undefined) {
item.bind('begin', function(e){
item.unbind('begin', arguments.callee, this);
var overlay = rootPlayer.getPanoramaOverlayByName(item.get('media'), name);
if(overlay)
rootPlayer.triggerOverlay(overlay, eventName);
}, rootPlayer);
}
}
function showPreloader()
{
var preloadContainer = document.getElementById('preloadContainer');
preloadContainer.style.opacity = 1;
}
function disposePreloader()
{
var preloadContainer = document.getElementById('preloadContainer');
var transitionEndName = transitionEndEventName();
if(transitionEndName)
{
preloadContainer.addEventListener(transitionEndName, hide, false);
preloadContainer.style.opacity = 0;
setTimeout(hide, 1000); //Force hide. Some cases the transitionend event isn't dispatched with an iFrame.
}
else
{
hide();
}
function hide()
{
preloadContainer.style.visibility = 'hidden';
preloadContainer.style.display = 'none';
}
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 inIFrame = false;
try
{
inIFrame = (window.self !== window.top);
}
catch (e)
{
inIFrame = true;
}
if (!inIFrame)
{
var onResize = function(async)
{
[0, 250, 1000, 2000].forEach(function(delay)
{
setTimeout(function()
{
var viewer = document.querySelector('#viewer');
var scale = window.innerWidth / document.documentElement.clientWidth;
var width = document.documentElement.clientWidth;
var height = Math.round(window.innerHeight / scale);
viewer.style.width = width + 'px';
viewer.style.height = height + 'px';
viewer.style.left = Math.round((window.innerWidth - width) * 0.5) + 'px';
viewer.style.top = Math.round((window.innerHeight - height) * 0.5) + 'px';
viewer.style.transform = 'scale(' + scale + ', ' + scale + ')';
window.scrollTo(0,0);
}, delay);
});
};
window.addEventListener('resize', onResize);
onResize();
}
}
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 detectUserAction() {
var onVideoClick = function(e) {
if(video.paused) {
video.play();
}
video.muted = false;
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;
}
</script>
<style type="text/css">
html, body { width: 100%; height: 100%; margin: 0; padding: 0; padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left); }
#viewer { background-color: #000000; z-index:1; position:absolute; width: 100%; height: 100%; top: 0; }
#preloadContainer { z-index:2; position:relative; width:100%; height:100%; transition: opacity 1s; -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -o-transition: opacity 1s;}
</style>
<link rel="stylesheet" href="fonts.css">
</head>
<body onload="onLoad()">
<div id="preloadContainer" style="background-color:rgba(255,255,255,1)"><div style="z-index: 4; position: absolute; background-image: url('loading/HTMLImage_35E33237_21B6_F35E_41B0_9DF6009AFC2C.png'); background-size: contain; background-repeat: no-repeat; background-position: center center; overflow: hidden; right: 28.6%; bottom: 33.04%; width: 42.52%; height: 46.24%"></div><div style="z-index: 5; position: absolute; left: 0%; top: 60.56%; width: 100.00%; height: 10.00%"><div style="text-align:left; color:#000; "><DIV STYLE="text-align:center;"><SPAN STYLE="letter-spacing:0vh;color:#777777;font-size:1.06vh;font-family:Arial, Helvetica, sans-serif;">Loading virtual tour. Please wait...</SPAN></DIV><p STYLE="margin:0; line-height:0.94vh;"><BR STYLE="letter-spacing:0vh;color:#000000;font-size:0.94vh;font-family:Arial, Helvetica, sans-serif;"/></p></div></div></div>
<div id="viewer"></div>
</body>
</html>