diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100755
index 00000000..28ddea2a
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+node_modules/.bin/lint-staged
diff --git a/.run/webxr start.run.xml b/.run/webxr start.run.xml
new file mode 100644
index 00000000..fb24d15d
--- /dev/null
+++ b/.run/webxr start.run.xml
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/CHANGELOG.md b/CHANGELOG.md
index f7ddcf76..8bd3732f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,3 +1,10 @@
+
+## [1.10.2](https://github.com/videojs/videojs-vr/compare/v1.10.0...v1.10.1) (2024-05-28)
+
+### Chores
+
+* adding WebXR layers
+
## [1.10.1](https://github.com/videojs/videojs-vr/compare/v1.10.0...v1.10.1) (2022-08-16)
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 7840f8ca..a5ec1c86 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -21,7 +21,6 @@ When you've made your changes, push your commit(s) to your fork and issue a pull
Testing is a crucial part of any software project. For all but the most trivial changes (typos, etc) test cases are expected. Tests are run in actual browsers using [Karma][karma].
- In all available and supported browsers: `npm test`
-- In a specific browser: `npm run test:chrome`, `npm run test:firefox`, etc.
- While development server is running (`npm start`), navigate to [`http://localhost:9999/test/`][local]
diff --git a/README.md b/README.md
index 59ae8309..58dd8cc2 100644
--- a/README.md
+++ b/README.md
@@ -38,6 +38,7 @@ Maintenance Status: Stable
- [`projection`](#projection)
- [`'180'`](#180)
- [`'180_LR'`](#180_lr)
+ - [`'180_TB'`](#180_tb)
- [`'180_MONO'`](#180_mono)
- [`'360'`, `'Sphere'`, or `'equirectangular'`](#360-sphere-or-equirectangular)
- [`'Cube'` or `'360_CUBE'`](#cube-or-360_cube)
@@ -73,7 +74,11 @@ The most recent versions of:
* Mobile
* Chrome on Android
* Safari on iOS
-
+* Headsets
+ * Meta Quest Browser
+ * Rift (via Chrome browser)
+ * WebXR plug-in (Chrome/Firefox)
+
## Caveats
* HLS captions on safari will not be visible as they are located inside of the shadowRoot in the video element and we cannot get access to them.
@@ -218,6 +223,10 @@ The video is half sphere and the user should not be able to look behind themselv
Used for side-by-side 180 videos
The video is half sphere and the user should not be able to look behind themselves
+#### `'180_TB'`
+Used for top/bottom 180 videos
+The video is half sphere and the user should not be able to look behind themselves
+
#### `'180_MONO'`
Used for monoscopic 180 videos
The video is half sphere and the user should not be able to look behind themselves
@@ -294,7 +303,7 @@ This project is a conglomeration of a few amazing open source libraries.
* [VideoJS](http://www.videojs.com)
* [Three.js](http://threejs.org)
-* [webvr-polyfill](https://github.com/borismus/webvr-polyfill)
+* [webxr-polyfill](https://github.com/immersive-web/webxr-polyfill)
* [Omnitone](https://googlechrome.github.io/omnitone)
## Support ##
diff --git a/examples/180-mono.html b/examples/180-mono.html
index 10980907..4cdfee9f 100644
--- a/examples/180-mono.html
+++ b/examples/180-mono.html
@@ -3,26 +3,46 @@