forked from EXT/VR180-Web-Player
57 lines
1.9 KiB
HTML
57 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<title>VR Web Player Test Pages</title>
|
|
<link rel="stylesheet" href="./demo.css">
|
|
</head>
|
|
<body>
|
|
<main class="demo-page">
|
|
<div class="demo-shell">
|
|
<header class="demo-topbar">
|
|
<div>
|
|
<h1 class="demo-brand">VR Web Player Tests</h1>
|
|
<p class="demo-kicker">Open a focused page for each media and projection combination.</p>
|
|
</div>
|
|
</header>
|
|
|
|
<nav class="demo-grid" aria-label="Player test pages">
|
|
<a class="demo-card" href="./test-3d-image.html">
|
|
<h2>3D Image</h2>
|
|
<p>Flat SBS image on a rectangular plane.</p>
|
|
<span class="demo-meta">image / plane</span>
|
|
</a>
|
|
<a class="demo-card" href="./test-vr180-3d-image.html">
|
|
<h2>VR180 3D Image</h2>
|
|
<p>SBS image on the VR180 hemisphere.</p>
|
|
<span class="demo-meta">image / vr180</span>
|
|
</a>
|
|
<a class="demo-card" href="./test-3d-image-carousel.html">
|
|
<h2>3D Image Carousel</h2>
|
|
<p>Flat SBS image carousel with previous and next controls.</p>
|
|
<span class="demo-meta">image carousel / plane</span>
|
|
</a>
|
|
<a class="demo-card" href="./test-vr180-3d-image-carousel.html">
|
|
<h2>VR180 Image Carousel</h2>
|
|
<p>VR180 SBS image carousel in one immersive session.</p>
|
|
<span class="demo-meta">image carousel / vr180</span>
|
|
</a>
|
|
<a class="demo-card" href="./test-3d-video.html">
|
|
<h2>3D Video</h2>
|
|
<p>Flat SBS video on a rectangular plane.</p>
|
|
<span class="demo-meta">video / plane</span>
|
|
</a>
|
|
<a class="demo-card" href="./test-vr180-3d-video.html">
|
|
<h2>VR180 3D Video</h2>
|
|
<p>SBS video on the VR180 hemisphere.</p>
|
|
<span class="demo-meta">video / vr180</span>
|
|
</a>
|
|
</nav>
|
|
|
|
<p class="demo-note">Image tests use files in <code>../media/</code>. Video tests expect <code>../media/sbs-video.mp4</code>.</p>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|