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

Clean up debug logging and finalize 2D playback functionality

Browse Source 
- Remove all debug console.log statements
- Maintain clean, production-ready code
- Play button now works reliably in both VR and 2D modes
- Video element visibility properly managed for 2D/VR transitions
This commit is contained in:
Michael Verdi
2025-07-30 09:21:48 -05:00
parent 037be29498
commit eaab4ee3ba
1 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
vr180-player.js
View File

@@ -89,6 +89,7 @@ document.addEventListener('DOMContentLoaded', () => {
}
playBtn.disabled = true;
if (videoElement) {
videoElement.load();
}
@@ -97,22 +98,29 @@ document.addEventListener('DOMContentLoaded', () => {
navigator.xr.isSessionSupported('immersive-vr').then((supported) => {
if (supported) {
playBtn.dataset.xrSupported = "true";
init();
} else {
playBtn.dataset.xrSupported = "false";
// Enable button for regular video playback when VR is not supported
playBtn.disabled = false;
}
// Always call init() regardless of VR support
init();
}).catch(err => {
console.error("XR Support Check Error:", err);
playBtn.dataset.xrSupported = "false";
// Enable button for regular video playback when VR check fails
playBtn.disabled = false;
// Call init() even when VR check fails
init();
});
} else {
playBtn.dataset.xrSupported = "false";
// If navigator.xr itself is not available, enable button for regular video playback
if (playBtn) {
playBtn.disabled = false;
}
// Call init() even when XR is not available
init();
}
});
@@ -497,18 +505,18 @@ function init() {
window.addEventListener('resize', onWindowResize);
if (video) {
video.onloadedmetadata = () => {
if (isFinite(video.duration) && playBtn) {
if (playBtn.dataset.xrSupported === "true") {
playBtn.disabled = false;
}
}
updateSeekBarAppearance();
updateVRPlayPauseButtonIcon();
updateVRVolumeButtonIcon();
};
video.onloadedmetadata = () => {
if (isFinite(video.duration) && playBtn) {
// Enable button for both VR and non-VR scenarios when video is ready
playBtn.disabled = false;
}
updateSeekBarAppearance();
updateVRPlayPauseButtonIcon();
updateVRVolumeButtonIcon();
};
video.oncanplaythrough = () => {
if (playBtn && playBtn.dataset.xrSupported === "true" && video.readyState >= video.HAVE_FUTURE_DATA) {
if (playBtn && video.readyState >= video.HAVE_FUTURE_DATA) {
// Enable button for both VR and non-VR scenarios when video is ready to play
playBtn.disabled = false;
}
};