360PhotoViewer/v360_embed.html at main · TeamTest57/360PhotoViewer · GitHub

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
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width">
<title>vr360 viewer embed samples</title>
<script src="js/poxp_all.js?20200105"></script>
<script src="js/v360_embed.js"></script>
<link rel="stylesheet" type="text/css" href="css/v360_embed.css">
<style type="text/css">
div.v360 {
	width:400px ;
	height:200px ;
}
</style>
</head>
<body>
<h1>vr360 viewer samples</h1>
click photos to start viewer
<h2>360° Omnidirectional photo </h2>
<ul>
	<li><div class=poxe data-src="sample/R0010392.JPG">
		<img class=thumb src="sample/R0010392_s.jpg"></div>
		(photo by THETA SC)</li>
</ul>
<h2>360° Omnidirectional Stereo photo </h2>
<ul>
	<li><div class=poxe data-src="sample/R0010220_st.JPG" data-mode="1"><img class=thumb src="sample/R0010220_st_s.jpg"></div> (photo by THETA SC)</li>
</ul>
<h2>180° half Omnidirectional Stereo photo</h2>
<ul>
	<li><div class=poxe data-src="sample/t180_ina.jpg" data-mode="2"><img class=thumb src="sample/t180_ina_s.jpg"></div> (photo by THETA SC)</li>
</ul>
<h2>wide panorama photo (mode=3)</h2>
<ul>
	<li><div class=poxe data-src="sample/pano_yama.jpg" data-mode="3" ><img class=thumb src="sample/pano_yama_s.jpg"></div> (photo by iPhone)</li>
</ul>

<h3>repository</h3>
<a href="https://github.com/AsPJT/360PhotoViewer">github</a>


</body>
</html>