aiden/VR-Web-Player
1
0
Fork 0
forked from EXT/VR180-Web-Player
Code Actions Activity

Update vr180-player.js to use HTML text for enterVrBtn

Browse Source
This commit is contained in:
Michael Verdi
2025-06-18 16:58:24 -05:00
parent 7b3aee7636
commit 299c17efe0
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
vr180-player.js
View File

@@ -81,8 +81,8 @@ const SOUND_MUTED_SVG_PATH = "M6.9082 2.8985C7.71639 2.45747 8.74994 3.03437 8.7
document.addEventListener('DOMContentLoaded', () => { document.addEventListener('DOMContentLoaded', () => {
videoElement = document.getElementById('vrVideo'); videoElement = document.getElementById('vrVideo');
enterVrBtn = document.getElementById('enterVrBtn');
videoInfoDiv = document.getElementById('video-info'); videoInfoDiv = document.getElementById('video-info');
enterVrBtn = document.getElementById('enterVrBtn');
if (videoElement) { if (videoElement) {
videoElement.style.display = 'none'; videoElement.style.display = 'none';
@@ -117,13 +117,13 @@ document.addEventListener('DOMContentLoaded', () => {
init(); init();
} else { } else {
enterVrBtn.dataset.xrSupported = "false"; enterVrBtn.dataset.xrSupported = "false";
if (enterVrBtn) enterVrBtn.style.display = 'none'; enterVrBtn.disabled = true;
// If VR is not supported, ensure video-info remains hidden // If VR is not supported, ensure video-info remains hidden
if (videoInfoDiv) videoInfoDiv.style.display = 'none'; if (videoInfoDiv) videoInfoDiv.style.display = 'none';
} }
}).catch(err => { }).catch(err => {
console.error("XR Support Check Error:", err); console.error("XR Support Check Error:", err);
if (enterVrBtn) enterVrBtn.style.display = 'none'; enterVrBtn.disabled = true;
// On error, ensure video-info remains hidden // On error, ensure video-info remains hidden
if (videoInfoDiv) videoInfoDiv.style.display = 'none'; if (videoInfoDiv) videoInfoDiv.style.display = 'none';
}); });
@@ -131,7 +131,6 @@ document.addEventListener('DOMContentLoaded', () => {
// If navigator.xr itself is not available, VR is not supported // If navigator.xr itself is not available, VR is not supported
if (enterVrBtn) { if (enterVrBtn) {
enterVrBtn.disabled = true; enterVrBtn.disabled = true;
enterVrBtn.style.display = 'none';
} }
// Ensure video-info remains hidden // Ensure video-info remains hidden
if (videoInfoDiv) videoInfoDiv.style.display = 'none'; if (videoInfoDiv) videoInfoDiv.style.display = 'none';
@@ -872,7 +871,9 @@ async function actualSessionToggle() {
isXrLoopActive = true; isXrLoopActive = true;
renderer.setAnimationLoop(renderXR); renderer.setAnimationLoop(renderXR);
if (enterVrBtn) enterVrBtn.textContent = 'Exit VR'; if (enterVrBtn) {
enterVrBtn.textContent = enterVrBtn.dataset.enterVrText;
}
frameCounter = 0; frameCounter = 0;
lastFadeTimestamp = performance.now(); lastFadeTimestamp = performance.now();
@@ -964,7 +965,10 @@ function onVRSessionEnd(event) {
xrSession = null; xrSession = null;
} else if (xrSession && endedSession) { } else if (xrSession && endedSession) {
console.warn("onVRSessionEnd: Global xrSession was different from the endedSession. Global xrSession:", xrSession, "Ended session:", endedSession); console.warn("onVRSessionEnd: Global xrSession was different from the endedSession. Global xrSession:", xrSession, "Ended session:", endedSession);
xrSession = null; xrSession = null;
}
if (enterVrBtn) {
enterVrBtn.textContent = enterVrBtn.dataset.enterVrText;
} }