https://www.reggenzadellarepubblica.sm/virtual-tour/

1<!DOCTYPE html>
2<html>
3	<head>
4		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
5		<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
6		<title></title>
7		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
8		<meta name="apple-mobile-web-app-capable" content="yes" />
9		<meta name="apple-mobile-web-app-status-bar-style" content="black" />
10		<meta name="mobile-web-app-capable" content="yes" />
11		<style type="text/css" title="Default">
12			/* fullscreen */
13			html {
14				height:100%;
15			}
16			body {
17				height:100%;
18				margin: 0px;
19				overflow:hidden; /* disable scrollbars */
20				-webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* remove highlight on tab for iOS/Android */
21			}
22			/* fix for scroll bars on webkit & >=Mac OS X Lion */ 
23			::-webkit-scrollbar {
24				background-color: rgba(0,0,0,0.5);
25				width: 0.75em;
26			}
27			::-webkit-scrollbar-thumb {
28    			background-color:  rgba(255,255,255,0.5);
29			}

30		</style>	
31	</head>
32	<body>
33<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - -->
34		

34<script type="text/javascript" src="pano2vr_player.js">
35		</script>

35
36		

36<script type="text/javascript" src="skin.js">
37		</script>

37
38		<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Tinos:wght@400;700&display=swap"/>
39		

39<script src="webxr/three.min.js"></script>

39
40		

40<script src="webxr/webxr-polyfill.min.js"></script>

40
41		<div id="container" style="width:100%;height:100%;overflow:hidden;">
42		<br>Loading...<br><br>
43		</div>
44		

44<script type="text/javascript">
45	
46			// create the panorama player with the container
47			pano=new pano2vrPlayer("container");
48			// add the skin object
49			skin=new pano2vrSkin(pano);
50			// load the configuration
51		
52			window.addEventListener("load", function() {
53				pano.readConfigUrlAsync("pano.xml");
54			});
55			if (window.navigator.userAgent.match(/AppleWebKit/i)) {
56				// fix for white borders, rotation on iPhone
57				function iosHfix(e) {
58					window.scrollTo(0, 1);
59					var container=document.getElementById("container");
60					var oh=container.offsetHeight;
61					document.documentElement.style.setProperty('height', '100vh');
62					if (oh!=container.offsetHeight) {
63						container.style.setProperty('height',"100%");
64					} else {
65						container.style.setProperty('height',window.innerHeight+"px");
66					}
67					window.scrollTo(0, 0);
68					pano.setViewerSize(container.offsetWidth, container.offsetHeight);
69				};
70				setTimeout(iosHfix,0);	
71				setTimeout(iosHfix,100);	
72				window.addEventListener("resize", function() {
73					setTimeout(iosHfix,0);
74					// hide toolbar on iPad happens with a delay
75					setTimeout(iosHfix,500);
76					setTimeout(iosHfix,1000);
77					setTimeout(iosHfix,2000);
78				});
79			}
80		</script>

80
81		<noscript>
82			<p><b>Please enable Javascript!</b></p>
83		</noscript>
84<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - --> 
85	</body>
86</html>