Add XR Support at 8th

leostudiooo · Oct 10, 2024 · 370610d · 370610d
1 parent be0fc90
commit 370610d
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/source/b707o/index.html b/source/b707o/index.html
@@ -39,7 +39,7 @@ <h1>厚嘴唇航空公司 B-707CC 波音 707o 型飞机模型</h1>
  <button id="ar_entry">打开 AR 体验</button>
  <button id="usdz_model">查看 3D 模型 (USDZ 格式, 1:1)</button>
  <button id="usdz_001_model">查看 3D 模型 (USDZ 格式, 1:100)</button>
- <button id="webxr_entry">打开 WebXR AR 体验</button>
+ <button id="webxr_entry">打开 体验</button>
  <button id="glb_model">查看 3D 模型 (GLB 格式, 1:1)</button>
  <button id="glb_001_model">查看 3D 模型 (GLB 格式, 1:100)</button>
  <p>3D 模型需要一定时间加载，具体时间取决于您的网络状况。</p>
@@ -74,27 +74,31 @@ <h1>厚嘴唇航空公司 B-707CC 波音 707o 型飞机模型</h1>
  document.getElementById("ar_entry").style.display = "true";
  document.getElementById("usdz_model").style.display = "true";
  document.getElementById("usdz_001_model").style.display = "true";
+ document.getElementById("webxr_entry").style.display = "none";
  document.getElementById("glb_model").style.display = "none";
  document.getElementById("glb_001_model").style.display = "none";
  } else if (isSafari) {
  document.getElementById("hint").innerHTML = "<p>请使用 iPhone 或 iPad 的 Safari 浏览器打开该页面以体验增强现实（AR）卡片。不过，你仍然可以：</p>";
  document.getElementById("ar_entry").style.display = "none";
  document.getElementById("usdz_model").style.display = "true";
  document.getElementById("usdz_001_model").style.display = "true";
+ document.getElementById("glb_model").style.display = "true";
  document.getElementById("glb_model").style.display = "none";
  document.getElementById("glb_001_model").style.display = "none";
  } else if (navigator.xr) {
- document.getElementById("hint").innerHTML = "<p>你的设备仅支持 WebXR，无法提供完整的 AR 体验。建议使用 iPhone 或 iPad 的 Safari 浏览器打开。不过，你仍然可以：</p>";
+ document.getElementById("hint").innerHTML = "<p>当前设备设备仅支持 WebXR，无法识别 AR 卡片，但仍可以在 AR 模式下查看模型。若要获得完整体验，建议使用 iPhone 或 iPad 的 Safari 浏览器打开。不过，你仍然可以：</p>";
  document.getElementById("ar_entry").style.display = "none";
  document.getElementById("usdz_model").style.display = "none";
  document.getElementById("usdz_001_model").style.display = "none";
+ document.getElementById("webxr_entry").style.display = "true";
  document.getElementById("glb_model").style.display = "true";
  document.getElementById("glb_001_model").style.display = "true";
  } else {
  document.getElementById("hint").innerHTML = "<p>请使用 iPhone、iPad 的 Safari 浏览器或支持 WebXR 的设备打开该页面以体验增强现实（AR）卡片。不过，你仍然可以：</p>";
  document.getElementById("ar_entry").style.display = "none";
  document.getElementById("usdz_model").style.display = "none";
  document.getElementById("usdz_001_model").style.display = "none";
+ document.getElementById("webxr_entry").style.display = "true";
  document.getElementById("glb_model").style.display = "true";
  document.getElementById("glb_001_model").style.display = "true";
  }
@@ -124,8 +128,8 @@ <h1>厚嘴唇航空公司 B-707CC 波音 707o 型飞机模型</h1>
  });
  // WebXR button
  document.getElementById("webxr_entry").addEventListener("click", function () {
- document.getElementById("hint").innerHTML = "<p>正在跳转到 WebXR 体验……</p>";
- window.location.href = "webxr.html";
+ document.getElementById("hint").innerHTML = "<p>正在跳转到 WebXR 体验……由 8th Wall 提供托管，可能在普通网络环境下无法加载。</p>";
+ window.location.href = "https://8th.io/fazgz";
  })
  // GLB model button
  document.getElementById("glb_model").addEventListener("click", function () {