Inclusive Apps with WebXR & AI

This project is going to discuss WebXR & AI use cases and work on an hands on project

Slides: https://bit.ly/XRWomenAI

W3C workshop on immersive worlds on the webw3c

W3C Metaverse Workshop

https://www.youtube.com/WebXR

Goals

• Introduction to WebXR concepts

• Exploring the potential applications of WebXR & AI for accessibility and better user experience

• Lightweight introduction to A-Frame

WebXR

State of WebXR APIs: https://caniuse.com/?search=webxr

GitHub - Yonet/MixedRealityResources: Mixed Reality related resourcesGitHub

Mixed Reality Resources Repository

Mozilla Developer Network: https://developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API

AI Applications

SeeingAI Microsoft Research video

Remix template for AR

Project is built on Immersive Web Co-chair Ada Rose Cannon's AR starter project on Glitch. You can create a free account and make a copy of the AR Starter Kit project linked below by choosing Remix option. This will copy the project on to your account and you can start editing directly.

Glitch Blogglitch.com

AR Starter Kit by Ada Rose Cannon

You can find Ada's XR Template on Github

GitHub - AdaRoseCannon/aframe-xr-boilerplate: Get started quickly with VR and AR using AFrameGitHub

Aframe-xr-boilerplate on Github by Ada Rose Cannon

You can find more WebXR templates on Glitch WebXR Playlist

Glitch Blogglitch.com

Glitch WebXR Playlist of templates

https://turquoise-pastoral-gruyere.glitch.me/turquoise-pastoral-gruyere.glitch.me

Click to view the glitch project on VR or AR enabled mobile device

Add Speech SDK by including the below script in html

 <script src="https://aka.ms/csspeech/jsbrowserpackageraw"></script>