@videojs/html 10.1.0 → 10.2.0

package/docs/reference/components/mux-audio.md

@@ -17,7 +17,7 @@ import '@videojs/html/media/mux-audio';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/mux-audio.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/mux-audio.js"></script>
 ```
 
 ## Analytics and casting

package/docs/reference/components/mux-background-video.md

@@ -15,7 +15,7 @@ import '@videojs/html/media/mux-background-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/mux-background-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/mux-background-video.js"></script>
 ```
 
 ## Load a Mux source

package/docs/reference/components/mux-data.md

@@ -17,7 +17,7 @@ import '@videojs/html/extensions/mux-data';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/extensions/mux-data.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/extensions/mux-data.js"></script>
 ```
 
 ## Anatomy
@@ -32,7 +32,7 @@ Or load it from the [CDN](../../guides/cdn.md):
 | --- | --- | --- |
 | `env-key` | `envKey` | Mux Data environment key the beacons are sent to. Optional for Mux-hosted playback |
 | — | `metadata` | Mux Data metadata for the view |
-| `player-software-name` | `playerSoftwareName` | Player name reported to Mux Data |
+| `player-software-name` | `playerSoftwareName` | Player name reported to Mux Data. Defaults to `Video.js` |
 | `player-software-version` | `playerSoftwareVersion` | Player version reported to Mux Data. Defaults to the Video.js version |
 | `player-init-time` | `playerInitTime` | Epoch milliseconds the player was initialized. Defaults to when the player was created |
 | `beacon-collection-domain` | `beaconCollectionDomain` | Custom domain the beacons are sent to |
@@ -42,6 +42,8 @@ Or load it from the [CDN](../../guides/cdn.md):
 
 `metadata` and `MuxDataSdk` take objects, so they’re properties only, with no matching attribute. Set them on the element, typed as the `MuxDataExtension` class that `@videojs/html/extensions/mux-data` exports.
 
+Views also report the extension itself as the Mux plugin, so they can be told apart from other Video.js integrations such as `videojs-mux`.
+
 Changing `MuxDataSdk`, `beaconCollectionDomain`, `debug`, or `disableCookies` restarts monitoring, which ends the current view and starts a new one. The rest update the view in place.
 
 ## See also

package/docs/reference/components/mux-video.md

@@ -17,7 +17,7 @@ import '@videojs/html/media/mux-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/mux-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/mux-video.js"></script>
 ```
 
 ## Load a source

package/docs/reference/components/native-hls-video.md

@@ -13,7 +13,7 @@ import '@videojs/html/media/native-hls-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/native-hls-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/native-hls-video.js"></script>
 ```
 
 ## Examples

package/docs/reference/components/playerjs-video.md

@@ -17,7 +17,7 @@ import '@videojs/html/media/playerjs-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/playerjs-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/playerjs-video.js"></script>
 ```
 
 ## Load a source

package/docs/reference/components/shaka-video.md

@@ -21,7 +21,7 @@ import '@videojs/html/media/shaka-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/shaka-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/shaka-video.js"></script>
 ```
 
 ## Load a source

package/docs/reference/components/slider.md

@@ -73,6 +73,8 @@ Renders with `role="slider"` and automatic ARIA attributes (`aria-valuemin`, `ar
 - Home: jump to minimum
 - End: jump to maximum
 
+Before each keyboard step, the value snaps to the nearest multiple of `step`.
+
 ## Examples
 
 ### Basic

package/docs/reference/components/spotify-audio.md

@@ -17,7 +17,7 @@ import '@videojs/html/media/spotify-audio';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/spotify-audio.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/spotify-audio.js"></script>
 ```
 
 ## Load a source

package/docs/reference/components/tiktok-video.md

@@ -17,7 +17,7 @@ import '@videojs/html/media/tiktok-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/tiktok-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/tiktok-video.js"></script>
 ```
 
 ## Load a source

package/docs/reference/components/time-slider.md

@@ -95,6 +95,8 @@ Renders with `role="slider"` and an automatic `aria-label` that resolves to “S
 - Home: seek to start
 - End: seek to end
 
+Before each keyboard seek, the current time snaps to the nearest multiple of `step`. With the default `step` of `1`, pressing Arrow Right at 12.4 seconds seeks to 13 seconds.
+
 `<media-time-slider-chapter-title>` follows the pointer during pointer interaction. While the slider has keyboard focus, it follows the current playback position and announces chapter changes.
 
 ## Examples
@@ -422,13 +424,13 @@ import '@videojs/html/ui/slider-value';
 | Prop | Type | Default | Description |
 | --- | --- | --- | --- |
 | `changeThrottle` (attribute `change-throttle`) | `number` | `100` | Leading+trailing throttle (ms) for `onValueChange` during drag. |
-| `disabled` | `boolean` | — | Whether the slider is non-interactive. |
+| `disabled` | `boolean` | `false` | Whether the slider is non-interactive. |
 | `label` | `{ key: string; text: string } \| string \| ((state: SliderState) => Text \| string)` | `''` | Custom label for the slider. |
-| `largeStep` (attribute `large-step`) | `number` | — | Large step increment (Page Up/Down keys). |
-| `orientation` | `'horizontal' \| 'vertical'` | — | Axis of slider movement. |
+| `largeStep` (attribute `large-step`) | `number` | `10` | Large step increment in seconds (Page Up/Down keys). |
+| `orientation` | `'horizontal' \| 'vertical'` | `'horizontal'` | Axis of slider movement. |
 | `pauseOnDrag` (attribute `pause-on-drag`) | `boolean` | `false` | When true, pause playback while the user is dragging the thumb, resuming on release if it was playing before. |
-| `step` | `number` | — | Step increment for value changes (arrow keys). |
-| `thumbAlignment` (attribute `thumb-alignment`) | `'center' \| 'edge'` | — | How the thumb aligns at the track edges. `edge` constrains the thumb within track bounds. |
+| `step` | `number` | `1` | Step increment in seconds for value changes (arrow keys). |
+| `thumbAlignment` (attribute `thumb-alignment`) | `'center' \| 'edge'` | `'center'` | How the thumb aligns at the track edges. `edge` constrains the thumb within track bounds. |
 
 #### State
 

package/docs/reference/components/twitch-video.md

@@ -17,7 +17,7 @@ import '@videojs/html/media/twitch-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/twitch-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/twitch-video.js"></script>
 ```
 
 ## Load a source

package/docs/reference/components/video-neutral-skin.md

@@ -13,7 +13,7 @@ import '@videojs/html/video/neutral-skin';
 The import registers the skin and every UI element it composes. The [CDN](../../guides/cdn.md) player bundle registers this skin together with its player:
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/video-neutral.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/video-neutral.js"></script>
 ```
 
 ## Anatomy

package/docs/reference/components/video-scaffold-skin.md

@@ -13,7 +13,7 @@ import '@videojs/html/video/scaffold-skin';
 The import registers the skin and every UI element it composes. The [CDN](../../guides/cdn.md) player bundle registers this skin together with its player:
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/video-scaffold.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/video-scaffold.js"></script>
 ```
 
 ## Usage

package/docs/reference/components/video-skin.md

@@ -13,7 +13,7 @@ import '@videojs/html/video/skin';
 The import registers the skin and every UI element it composes. The [CDN](../../guides/cdn.md) player bundle registers this skin together with its player:
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/video.js"></script>
 ```
 
 ## Anatomy

package/docs/reference/components/vimeo-video.md

@@ -17,7 +17,7 @@ import '@videojs/html/media/vimeo-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/vimeo-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/vimeo-video.js"></script>
 ```
 
 ## Load a source

package/docs/reference/components/volume-slider.md

@@ -52,6 +52,8 @@ Renders with `role="slider"` and an automatic `aria-label` that resolves to “V
 - Home: set volume to 0
 - End: set volume to max
 
+Before each keyboard step, the volume snaps to the nearest multiple of `step`.
+
 Scroll wheel support:
 
 - **Mouse wheel / trackpad scroll**: adjusts volume by `wheelStep` increment (default `5`)
@@ -219,13 +221,13 @@ import '@videojs/html/ui/slider-value';
 
 | Prop | Type | Default | Description |
 | --- | --- | --- | --- |
-| `disabled` | `boolean` | — | Whether the slider is non-interactive. |
+| `disabled` | `boolean` | `false` | Whether the slider is non-interactive. |
 | `label` | `{ key: string; text: string } \| string \| ((state: SliderState) => Text \| string)` | `''` | Custom label for the slider. |
-| `largeStep` (attribute `large-step`) | `number` | — | Large step increment (Page Up/Down keys). |
-| `orientation` | `'horizontal' \| 'vertical'` | — | Axis of slider movement. |
-| `step` | `number` | `DEFAULT_VOLUME_STEP` | Step increment for value changes (arrow keys). |
-| `thumbAlignment` (attribute `thumb-alignment`) | `'center' \| 'edge'` | — | How the thumb aligns at the track edges. `edge` constrains the thumb within track bounds. |
-| `wheelStep` (attribute `wheel-step`) | `number` | `DEFAULT_VOLUME_STEP` | Step increment for wheel scrolling. |
+| `largeStep` (attribute `large-step`) | `number` | `10` | Large step increment (Page Up/Down keys). |
+| `orientation` | `'horizontal' \| 'vertical'` | `'horizontal'` | Axis of slider movement. |
+| `step` | `number` | `5` | Step increment for value changes (arrow keys). |
+| `thumbAlignment` (attribute `thumb-alignment`) | `'center' \| 'edge'` | `'center'` | How the thumb aligns at the track edges. `edge` constrains the thumb within track bounds. |
+| `wheelStep` (attribute `wheel-step`) | `number` | `5` | Step increment for wheel scrolling. |
 
 #### State
 

package/docs/reference/components/wistia-video.md

@@ -21,7 +21,7 @@ import '@videojs/html/media/wistia-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/wistia-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/wistia-video.js"></script>
 ```
 
 ## Load a source

package/docs/reference/components/youtube-video.md

@@ -17,7 +17,7 @@ import '@videojs/html/media/youtube-video';
 Or load it from the [CDN](../../guides/cdn.md):
 
 ```html
-<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.1.0/media/youtube-video.js"></script>
+<script type="module" src="https://cdn.jsdelivr.net/npm/@videojs/cdn@10.2.0/media/youtube-video.js"></script>
 ```
 
 ## Load a source

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@videojs/html",
-  "version": "10.1.0",
+  "version": "10.2.0",
   "description": "Video.js 10 for HTML, Vue, and Svelte: player custom elements and skins for video and audio",
   "keywords": [
     "audio",
@@ -164,51 +164,51 @@
     "access": "public"
   },
   "dependencies": {
-    "@videojs/core": "10.1.0",
-    "@videojs/element": "10.1.0",
-    "@videojs/media": "10.1.0",
-    "@videojs/native-hls-video": "10.1.0",
-    "@videojs/spf": "10.1.0",
-    "@videojs/store": "10.1.0",
-    "@videojs/utils": "10.1.0"
+    "@videojs/core": "10.2.0",
+    "@videojs/element": "10.2.0",
+    "@videojs/media": "10.2.0",
+    "@videojs/native-hls-video": "10.2.0",
+    "@videojs/spf": "10.2.0",
+    "@videojs/store": "10.2.0",
+    "@videojs/utils": "10.2.0"
   },
   "devDependencies": {
-    "@videojs/cloudflare-video": "10.1.0",
-    "@videojs/dash-video": "10.1.0",
-    "@videojs/google-cast": "10.1.0",
-    "@videojs/hlsjs-video": "10.1.0",
-    "@videojs/icons": "10.1.0",
-    "@videojs/mux-audio": "10.1.0",
-    "@videojs/mux-data": "10.1.0",
-    "@videojs/mux-video": "10.1.0",
-    "@videojs/playerjs-video": "10.1.0",
-    "@videojs/shaka-video": "10.1.0",
-    "@videojs/skins": "10.1.0",
-    "@videojs/spotify-audio": "10.1.0",
-    "@videojs/tiktok-video": "10.1.0",
-    "@videojs/twitch-video": "10.1.0",
-    "@videojs/vimeo-video": "10.1.0",
-    "@videojs/wistia-video": "10.1.0",
-    "@videojs/youtube-video": "10.1.0",
+    "@videojs/cloudflare-video": "10.2.0",
+    "@videojs/dash-video": "10.2.0",
+    "@videojs/google-cast": "10.2.0",
+    "@videojs/hlsjs-video": "10.2.0",
+    "@videojs/icons": "10.2.0",
+    "@videojs/mux-audio": "10.2.0",
+    "@videojs/mux-data": "10.2.0",
+    "@videojs/mux-video": "10.2.0",
+    "@videojs/playerjs-video": "10.2.0",
+    "@videojs/shaka-video": "10.2.0",
+    "@videojs/skins": "10.2.0",
+    "@videojs/spotify-audio": "10.2.0",
+    "@videojs/tiktok-video": "10.2.0",
+    "@videojs/twitch-video": "10.2.0",
+    "@videojs/vimeo-video": "10.2.0",
+    "@videojs/wistia-video": "10.2.0",
+    "@videojs/youtube-video": "10.2.0",
     "happy-dom": "^20.11.1",
-    "vite-plus": "1.0.0"
+    "vite-plus": "1.1.0"
   },
   "peerDependencies": {
-    "@videojs/cloudflare-video": "10.1.0",
-    "@videojs/dash-video": "10.1.0",
-    "@videojs/google-cast": "10.1.0",
-    "@videojs/hlsjs-video": "10.1.0",
-    "@videojs/mux-audio": "10.1.0",
-    "@videojs/mux-data": "10.1.0",
-    "@videojs/mux-video": "10.1.0",
-    "@videojs/playerjs-video": "10.1.0",
-    "@videojs/shaka-video": "10.1.0",
-    "@videojs/spotify-audio": "10.1.0",
-    "@videojs/tiktok-video": "10.1.0",
-    "@videojs/twitch-video": "10.1.0",
-    "@videojs/vimeo-video": "10.1.0",
-    "@videojs/wistia-video": "10.1.0",
-    "@videojs/youtube-video": "10.1.0"
+    "@videojs/cloudflare-video": "10.2.0",
+    "@videojs/dash-video": "10.2.0",
+    "@videojs/google-cast": "10.2.0",
+    "@videojs/hlsjs-video": "10.2.0",
+    "@videojs/mux-audio": "10.2.0",
+    "@videojs/mux-data": "10.2.0",
+    "@videojs/mux-video": "10.2.0",
+    "@videojs/playerjs-video": "10.2.0",
+    "@videojs/shaka-video": "10.2.0",
+    "@videojs/spotify-audio": "10.2.0",
+    "@videojs/tiktok-video": "10.2.0",
+    "@videojs/twitch-video": "10.2.0",
+    "@videojs/vimeo-video": "10.2.0",
+    "@videojs/wistia-video": "10.2.0",
+    "@videojs/youtube-video": "10.2.0"
   },
   "peerDependenciesMeta": {
     "@videojs/cloudflare-video": {
@@ -258,8 +258,7 @@
     }
   },
   "scripts": {
-    "build:watch": "vp pack --watch ./src --no-clean",
-    "dev": "pnpm run build:watch",
+    "dev": "vp pack --watch ./src --no-clean",
     "test": "vp test run",
     "clean": "rimraf --glob dist docs types '*.tsbuildinfo'"
   }