Inclusive Apps with WebXR & AI

Search…

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 web
w3c
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 resources
GitHub
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. 
Ar Starter Kit
glitch
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 AFrame
GitHub
Aframe-xr-boilerplate on Github by Ada Rose Cannon
You can find more WebXR templates on Glitch WebXR Playlist
Glitch: The friendly community where everyone builds the web
glitch
Glitch WebXR Playlist of templates
https://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>

Project

Creating WebXR apps for Transportation with A-Frame

Last modified 3mo ago

Export as PDF

Copy link

On this page

Goals

WebXR

AI Applications

Remix template for AR