Introducing WebXR for web-based virtual reality and online fieldwork
Christopher John, Learning Developer, Durham University Centre for Academic Development
The following video illustrates immersive engagement with panoramic imagery of the crime scene area, allowing a detailed visual analysis to take place in support of a mapping activity.
As shown in the video, WebXR content is delivered via the headset browser. When the headset icon is selected, an immersive WebXR session begins with no appstore or headset sideloading required.
Babylon.js can also detect when content is rendered immersively, providing a mechanism for changing content characteristics or mechanics for virtual reality engagement, as shown in the following video where a ground surface and 3D interface are introduced when a WebXR session begins. In doing so, providing a virtual reality space for the learner to organise and conduct a thorough visual analysis of human remains.
Babylon.js is not the only platform supporting WebXR, Three.js also includes support, whilst support can be seen on platforms such as Thinglink and Sketchfab, providing a solution requiring no JavaScript skills, as shown in the following video.