AirVideos.xyz - Organize, Play & Share

Landing page (left the robot as as homage to IWSDK! ;-)
After adding a few videos
WebXR mode in 3D to organize videos, select and play.
Playing, pausing, maximizing videos
Maximized video (top options to go to 2D or 3D)
Manage different Videos and Planes configurations
Share using QRcodes and have a party!
Host view of the selected videos sorted by users
Host view of the selected videos sorted by video

Inspiration

For a long time I wanted to implement this capibility in my huge platform but it was too complex. Having tried Meta's Immersive Web SDK it just snapped, this is the time and I will learn new tools!

What it does

It lets users arrange their favorite videos all over their walls and tables, at home or office. It will also let friends and colleagues easily see our favorite videos and select what to listen and view.

How we built it

The Web App frontend uses exclusively Meta's IWSDK for the 2D and WebXR development. It stores everything locally or can login to a cloud backend, in my case the Umniverse platform.

Challenges we ran into

Learning IWSDK was the main goal and it gaves us many goodies but mandates a certain number of things like the local development server. To adapt is challenging with great moments and a few tough times. For example, integrating touch when WebXR is used in phones/tablets. All in all, typical development in a new platform.

Accomplishments that we're proud of

Getting rid of my huge platform and using for WebXR tools and frameworks optimized for it. The learning curve is high but luckily I have years of HTML5 development and a little of WebXR contact.

What we learned

Mobile devices do gain a lot of having Web Apps lean and optimized for a single/simple purpose. WebXR has great potential in bringing together people with and without WebXR headsets. Features like hand tracking open up opportunities for different kind od WebXR web apps.

What's next for AirVideos.xyz - Listen & Share

Perhaps adding other types of data like files, namely PDFs, eventually creating... AirPDFs.xyz. Using anchors to create artificial planes namely when plane detction is not available or working well. All the Javascript code is on GitHub so community buiding is important. WebXR has so much potential!