Hugh Hou | Vision Pro Secret: How to Enable WebXR Support on Safari for 3D 180 & 360 Photos and Videos! @hughhou | Uploaded 7 months ago | Updated 38 seconds ago
Step into the future with unlocked Safari VisionOS and Apple Vision Pro as we explore the world of WebXR. Uncover the secrets to unlocking your Safari browser for cross-platform immersive experiences and games on the open web. If you are a Virtual Tour creator looking for tomorrow's innovation, this one is for you! Don't forget to hit subscribe for more cutting-edge content!
0:00 - Creative Usecase of WebXR on Vision Pro
0:42 - Sample WebXR apps demo on unlocked Vision Pro
1:13 - Why WebXR instead of Swift and Unity?
1:53 - How to enable WebXR support on Apple Vision Pro
2:43 - I built a WebXR app on Vision Pro that also works on Quest 3 🤯
3:22 - Does YouTube VR work now after enabling WebXR on Safari?
3:53 - WebXR Virtual Tour - the new standard for VT industry
5:44 - Best way for immersive travel using WebXR on Vision Pro
7:10 - 3D 360 Photo Virtual Tour on Vision Pro (shot on Insta360 Pro 2)
7:58 - 3D 180 Photo Tour on Vision Pro (shot on Canon R5C with Dual Fisheye Lens)
8:40 - Built on Babylon JS and WHY!
9:09 - Reason why old WebVR app does NOT work on Vision Pro
9:45 - Apple Vision Pro vs Meta Quest 3 on WebXR
10:15 - Source code on Github
How to Unlock Safari on Vision Pro to support WebVR and WebXR (written instruction):
✅ Open Settings ➡️ Pick Apps ➡️ Select Safari ➡️ Scroll to the bottom & select "Advanced" ➡️ Scroll to the bottom & select "Feature Flags" ➡️ Under Experimental XR Features, enable WebXR Device API and WebXR Hand Input Module ➡️ Under WebKit Feature Flags, enable WebXR Augmented Reality Module, WebXR GamePads Module and GPU Process: DOM Rendering ➡️ Restart Safari
🔗 My WebXR app: https://hughhou.surge.sh/
🔗 My WebXR Virtual Tour Travel App on Github: hughred22.github.io/360Viewer3
The full tutorial is coming. Meanwhile, york my GitHub repo and play around the code.
🔗 Download my full source code here: bit.ly/3IeDMWD (currently in development, so expect things not working as they should be)
🐕 FOLLOW ME & Kimchi:
➜ Instagram: instagram.com/hugh.hou
➜ Facebook: facebook.com/360creator
➜ Meta Quest TV: ocul.us/30uMZUj
➜ TikTok: tiktok.com/@hughhou
🤝 We are open for HIRE! Reach out: hi[at]hughhou.com
#visionpro #webxr
Step into the future with unlocked Safari VisionOS and Apple Vision Pro as we explore the world of WebXR. Uncover the secrets to unlocking your Safari browser for cross-platform immersive experiences and games on the open web. If you are a Virtual Tour creator looking for tomorrow's innovation, this one is for you! Don't forget to hit subscribe for more cutting-edge content!
0:00 - Creative Usecase of WebXR on Vision Pro
0:42 - Sample WebXR apps demo on unlocked Vision Pro
1:13 - Why WebXR instead of Swift and Unity?
1:53 - How to enable WebXR support on Apple Vision Pro
2:43 - I built a WebXR app on Vision Pro that also works on Quest 3 🤯
3:22 - Does YouTube VR work now after enabling WebXR on Safari?
3:53 - WebXR Virtual Tour - the new standard for VT industry
5:44 - Best way for immersive travel using WebXR on Vision Pro
7:10 - 3D 360 Photo Virtual Tour on Vision Pro (shot on Insta360 Pro 2)
7:58 - 3D 180 Photo Tour on Vision Pro (shot on Canon R5C with Dual Fisheye Lens)
8:40 - Built on Babylon JS and WHY!
9:09 - Reason why old WebVR app does NOT work on Vision Pro
9:45 - Apple Vision Pro vs Meta Quest 3 on WebXR
10:15 - Source code on Github
How to Unlock Safari on Vision Pro to support WebVR and WebXR (written instruction):
✅ Open Settings ➡️ Pick Apps ➡️ Select Safari ➡️ Scroll to the bottom & select "Advanced" ➡️ Scroll to the bottom & select "Feature Flags" ➡️ Under Experimental XR Features, enable WebXR Device API and WebXR Hand Input Module ➡️ Under WebKit Feature Flags, enable WebXR Augmented Reality Module, WebXR GamePads Module and GPU Process: DOM Rendering ➡️ Restart Safari
🔗 My WebXR app: https://hughhou.surge.sh/
🔗 My WebXR Virtual Tour Travel App on Github: hughred22.github.io/360Viewer3
The full tutorial is coming. Meanwhile, york my GitHub repo and play around the code.
🔗 Download my full source code here: bit.ly/3IeDMWD (currently in development, so expect things not working as they should be)
🐕 FOLLOW ME & Kimchi:
➜ Instagram: instagram.com/hugh.hou
➜ Facebook: facebook.com/360creator
➜ Meta Quest TV: ocul.us/30uMZUj
➜ TikTok: tiktok.com/@hughhou
🤝 We are open for HIRE! Reach out: hi[at]hughhou.com
#visionpro #webxr
