https://www.kih.co.jp/vr/

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		

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

38
39		

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

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

43<script type="text/javascript">
44		function parseParams(paramsString, params) {
45			paramsString = paramsString.substring(1);
46			var firstSeparatorPos = paramsString.indexOf(",");
47			if (firstSeparatorPos != -1) {
48				params.startNode = paramsString.slice(0, firstSeparatorPos);
49				var viewingParamsString = paramsString.slice(firstSeparatorPos + 1);
50				var viewingParams = viewingParamsString.split(",");
51				if (viewingParams.length >= 3) {
52					var startView = {};
53					startView["pan"] = viewingParams[0];
54					startView["tilt"] = viewingParams[1];
55					startView["fov"] = viewingParams[2];
56					if (viewingParams.length >= 4) {
57						startView["projection"] = viewingParams[3];
58					}
59					params.startView = startView;
60				}
61			} else {
62				params.startNode = paramsString;
63				params.startView = "";
64			}
65		}
66		var params = {};
67		parseParams(document.location.hash, params);
68		var startNode = params.startNode;
69		var startView = params.startView;
70		if (("onhashchange" in window) && (!(/MSIE (\d+\.\d+);/.test(navigator.userAgent)))) {
71			window.onhashchange = function () {
72				parseParams(window.location.hash, params);
73				pano.openNext('{' + params.startNode + '}', params.startView);
74         	}
75	    } else {
76        	var lastHash = window.location.hash;
77        	window.setInterval(function () {
78	           	if (window.location.hash != lastHash) {
79   	        		lastHash = window.location.hash;
80					parseParams(window.location.hash, params);
81					pano.openNext('{' + params.startNode + '}', params.startView);
82        	   	}
83        	}, 100);
84		}
85	
86			// create the panorama player with the container
87			pano=new pano2vrPlayer("container");
88			pano.startNode = startNode;
89			pano.startView = startView;
90			// add the skin object
91			skin=new pano2vrSkin(pano);
92			// load the configuration
93		
94			window.addEventListener("load", function() {
95				pano.readConfigUrlAsync("pano.xml");
96			});
97			if (window.navigator.userAgent.match(/Safari/i)) {
98				// fix for white borders, rotation on iPhone
99				function iosHfix(e) {
100					window.scrollTo(0, 1);
101					var container=document.getElementById("container");
102					var oh=container.offsetHeight;
103					document.documentElement.style.setProperty('height', '100vh');
104					if (oh!=container.offsetHeight) {
105						container.style.setProperty('height',"100%");
106					} else {
107						container.style.setProperty('height',window.innerHeight+"px");
108					}
109					window.scrollTo(0, 0);
110					pano.setViewerSize(container.offsetWidth, container.offsetHeight);
111				};
112				setTimeout(iosHfix,0);	
113				setTimeout(iosHfix,100);	
114				window.addEventListener("resize", function() {
115					setTimeout(iosHfix,0);
116					// hide toolbar on iPad happens with a delay
117					setTimeout(iosHfix,500);
118					setTimeout(iosHfix,1000);
119					setTimeout(iosHfix,2000);
120				});
121			}
122		</script>

122
123		<noscript>
124			<p><b>Please enable Javascript!</b></p>
125		</noscript>
126<!-- - - - - - - 8<- - - - - - cut here - - - - - 8<- - - - - - - --> 
127	</body>
128</html>