-
Notifications
You must be signed in to change notification settings - Fork 27
/
Copy pathindex.html
101 lines (90 loc) · 4.17 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Oculus Google Street Viewer</title>
<link rel="stylesheet" href="css/jquery-ui.css" type="text/css">
<link rel="stylesheet" href="css/buttons.css" type="text/css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="css/osv.css" type="text/css" media="screen" title="no title" charset="utf-8">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery.base64.min.js"></script>
<script type="text/javascript" src="js/zpipe.min.js"></script>
<script type="text/javascript" src="js/GSVPano_o.js"></script>
<script type="text/javascript" src="js/GSVPanoDepth.js"></script>
<script type="text/javascript" src="js/three.min.js"></script>
<script type="text/javascript" src="js/VRControls.js"></script>
<script type="text/javascript" src="js/VREffect.js"></script>
<script type="text/javascript" src="js/webvr-polyfill.js"></script>
<script type="text/javascript" src="js/webvr-manager.js"></script>
<script type="text/javascript" src="js/RequestAnimationFrame.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="js/gamepad.js"></script>
<script type="text/javascript" src="js/osv.js"></script>
</head>
<body>
<div id="viewer" ></div>
<div class="ui" id="ui-main">
<ul>
<li><a href="#mapcontainer">Map</a></li>
<li><a href="#settings">Settings</a></li>
<li><a href="#help">Help</a></li>
<li><a href="#credits">Credits</a></li>
</ul>
<div class="mapcontainer" id="mapcontainer">
<div class="map" id="map"></div>
<input class="mapsearch" id="mapsearch" placeholder="Search" type="text"/>
<div class="mapprogress"></div>
</div>
<div class="settings" id="settings">
<h2>Settings</h2>
<ul>
<li>Depth (Alt Key) <input id="depth" type="checkbox" checked="true"/></li>
</ul>
<ul>
<li>Switch to the <a href="http://oculusstreetview.eu.pn/old">old version</a></li>
</ul>
</div>
<div class="help" id="help">
<ul>
<li>Rotation with arrow keys</li>
<li>Move to the adjacent location: doubleclick or double-press ctrl or gamepad button</li>
<li>Click on the minimap to change location</li>
<li>Double-press space to toggle dialogs</li>
<li>Websocket expects a quaternion as array of 4 elements representing the camera rotation. (e.g. [0.1,0,0,0.9])</li>
<li>You can use URL parameters:
<ul>
<li>lat,lng :latitude and longitude</li>
<li>q : image quality [1-4]</li>
<li>s : show settings [true/false]</li>
<li><a href="http://oculusstreetview.eu.pn/index.html?lat=-23.442896&lng=151.906584&q=4&s=false&sock=127.0.0.1%3A1981">example</a></li>
</ul>
</li>
</ul>
</div>
<div class="credits" id="credits">
<div>Author: <a href="mailto:[email protected]?subject=Oculus JS Demo&body=Your demo is cool!">Luca Siciliano (troffmo5)</a></div>
<div style="margin-top:10pt">Special thanks to:
<ul>
<li> mrdoob for <a href="http://threejs.org/">threejs</a></li>
<li> Jaume Sanchez Elias for <a href="https://github.com/spite/GSVPano.js">GSVPano</a></li>
<li> proog128 for <a href="https://github.com/proog128/GSVPanoDepth.js">GSVPanoDepth</a></li>
<li>
Boris Smus and the WebVR teams at Mozilla and
Google for
<a href="https://github.com/borismus/webvr-boilerplate">
WebVR Boilerplate
</a>
</li>
<li> <a href="http://www.oculusvr.com">Oculus VR</a> for the Rift</li>
<li> <a href="http://www.google.com">Google</a> for the wonderful Streetview project</li>
</ul>
</div>
</div>
</div>
<div id="webvrinfo" title="WebVR not supported">
<p>Your browser does not support WebVR.</p>
<p>Use the <a href="http://oculusstreetview.eu.pn/old">old version</a> or use a WebVR compatible version of <a href="https://drive.google.com/folderview?id=0BzudLt22BqGRbW9WTHMtOWMzNjQ">Chrome</a> or <a href="http://mozvr.com/downloads/">Firefox</a></p>
</div>
</body>
</html>