# Inclusive Apps with WebXR & AI

Slides: <https://bit.ly/XRWomenAI>

{% embed url="<https://www.w3.org/2022/04/immersive-worlds-workshop/>" %}
W3C Metaverse Workshop
{% endembed %}

<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>

{% embed url="<https://github.com/Yonet/MixedRealityResources#webxr>" %}
Mixed Reality Resources Repository
{% endembed %}

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

### AI Applications

{% embed url="<https://youtu.be/R2mC-NUAmMk>" %}
SeeingAI Microsoft Research video
{% endembed %}

### Remix template for AR&#x20;

Project is built on Immersive Web Co-chair [Ada Rose Cannon](https://twitter.com/AdaRoseCannon)'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.&#x20;

{% embed url="<https://glitch.com/~ar-starter-kit>" %}
AR Starter Kit by [Ada Rose Cannon](https://glitch.com/@adarosecannon)
{% endembed %}

You can find Ada's XR Template on Github

{% embed url="<https://github.com/AdaRoseCannon/aframe-xr-boilerplate>" %}
Aframe-xr-boilerplate on Github by Ada Rose Cannon
{% endembed %}

You can find more WebXR templates on Glitch WebXR Playlist

{% embed url="<https://glitch.com/@glitch/get-started-with-web-xr>" %}
Glitch WebXR Playlist of templates
{% endembed %}

{% embed url="<https://turquoise-pastoral-gruyere.glitch.me/>" %}
Click to view the glitch project on VR or AR enabled mobile device
{% endembed %}

Add Speech SDK by including the below script in html

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://www.xrdev.app/mixed-reality-docs/webxr-lessons/a-frame/project/inclusive-apps-with-webxr-and-ai.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.