vr/index.html at main · foursmith/vr · 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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!doctype html>
<html lang="en" class="min-h-full">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/svg+xml" href="/icon.svg" />
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="theme-color" content="#17758c" />
  <meta name="description" content="Watch VR like a livestream" />
  <meta name="keywords"
    content="VR video player, VR face tracking, automatic framing, VR to 2D, 180 video, 360 video, side-by-side video, fisheye video" />
  <meta name="robots" content="index, follow" />
  <link rel="canonical" href="https://vr.foursmith.com/" />
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="Foursmith VR" />
  <meta property="og:title" content="Foursmith VR — Watch VR like a livestream" />
  <meta property="og:description" content="Watch VR like a livestream" />
  <meta property="og:url" content="https://vr.foursmith.com/" />
  <meta property="og:image" content="https://vr.foursmith.com/pwa-512x512.png" />
  <meta property="og:image:alt" content="Foursmith VR app icon" />
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="Foursmith VR — Watch VR like a livestream" />
  <meta name="twitter:description" content="Watch VR like a livestream" />
  <meta name="twitter:image" content="https://vr.foursmith.com/pwa-512x512.png" />
  <style>
    html,
    body,
    #root {
      min-height: 100%;
      background: linear-gradient(180deg, #17758c 0%, #07516c 48%, #031b2a 100%);
    }

    body {
      margin: 0;
    }
  </style>
  <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": "WebApplication",
        "name": "Foursmith VR",
        "url": "https://vr.foursmith.com/",
        "description": "Watch VR like a livestream",
        "applicationCategory": "MultimediaApplication",
        "operatingSystem": "Web",
        "browserRequirements": "Requires a Chromium-based browser with WebGL enabled.",
        "image": "https://vr.foursmith.com/pwa-512x512.png",
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "USD"
        }
      }
    </script>
  <title>Foursmith VR — Watch VR like a livestream</title>
</head>

<body class="m-0 min-h-full bg-black font-sans">
  <div id="root" class="min-h-full"></div>
  <script type="module" src="/src/main.tsx"></script>
</body>

</html>