Michael Verdi
Web-based, cross-platform VR180 video playback solved
I wanted a way to deliver VR180/Immersive video on my website just like any other video so I designed a solution and used AI assisted development to build it.
The player launching from a website in the Vision Pro.
My Roll
- I defined the product requirements.
- I designed the player UI and interaction.
- I designed the web implementation.
Design & Requirements
I wanted this player to accomplish a few different things:
- Work cross-platform.
- Since Quest headsets don't support MV-HEVC video (used by Vision Pro) I focused on using side-by-side video. While it's less efficient, using side-by-side video was much easier than building Quest support for MV-HEVC.
- Include 2D support.
- I thought a rectilinear, 2D display for computers and phones was essential since the vast majority of people do not have a headset.
- Simple to deploy.
- In this case you link to the CSS and Javascript files on the CDN and wrap your video in
<div id="vr-container"></div>.
- In this case you link to the CSS and Javascript files on the CDN and wrap your video in
Interaction, interface, and web implementation
Demo
This is short piece of an immersive film that I'm working on. If you're not viewing this in a headset, you can drag the video around to look outside the frame.
This project was particularly tricky because VR development isn't common and there's no way for AI to "see" and test the code. But as I've been using AI to test ideas and create prototypes I've learned that you can make real, useful software by scoping development in small achievable pieces.