WebXR Layers Samples
This project is a product of an Major League Hacking (MLH) Spring 2021 Fellowship open source contribution!
Composition of WebXR layers has significant benefits. This application is a small collection of samples that demonstrate creating and interacting with video layers in an XR environment. Because video layers cannot be interacted with directly via a controller, a 3D rendering library is used to achieve the desired interactions, including video playback controls, and moving and resizing layers. For this project, we chose to use Three.js as our main 3D rendering library.
Featured by Facebook and Major League Hacking for my contribution to the WebXR project!
Kickstarted open source scene for WebXR and WebXR layers.
Overview and minimal viable product:
For in-depth discussion, see here.
Four main playback controls:
- Play / Pause
- Rewind 15s Backwards / Skip 15s Forwards
- Progress Bar Point Select
Moving Video Layers
Resizing Video Layers