HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>getVRDisplays — compare</title>
</head>
<body>
  <pre id="out">Working…</pre>
  <script>
    async function compareVrApis() {
      var result = {
        getVRDisplays: "missing",
        availableCount: null,
        activeVRDisplays: "missing",
        presentingCount: null
      };

      if (typeof navigator.getVRDisplays === "function") {
        result.getVRDisplays = "available";
        try {
          var displays = await navigator.getVRDisplays();
          result.availableCount = displays.length;
        } catch (err) {
          result.availableCount = "error:" + err.name;
        }
      }

      if ("activeVRDisplays" in navigator) {
        result.activeVRDisplays = "available";
        result.presentingCount = navigator.activeVRDisplays.length;
      }

      return JSON.stringify(result);
    }

    compareVrApis().then(function (msg) {
      document.getElementById("out").textContent = msg;
    });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

getVRDisplays — available vs presenting (Try It)