@stacksjs/video 0.75.180 → 0.75.181
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +7 -4
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -66,17 +66,20 @@ const cookies = signCloudFrontCookies({ resource: 'https://media.example.com/dem
|
|
|
66
66
|
|
|
67
67
|
Manifests remain short-lived or private, while content-addressed segments use immutable caching. Key routes must enforce the same application authorization or signed audience boundary.
|
|
68
68
|
|
|
69
|
-
##
|
|
69
|
+
## STX player
|
|
70
|
+
|
|
71
|
+
`<Video>` is the player from `@stacksjs/components` (ts-video-player), which every Stacks app loads:
|
|
70
72
|
|
|
71
73
|
```stx
|
|
72
74
|
<Video
|
|
73
75
|
src="/media/demo/manifest.mpd"
|
|
74
|
-
|
|
76
|
+
label="Product demonstration"
|
|
75
77
|
poster="/media/demo/poster.avif"
|
|
76
78
|
:sources="progressiveFallbacks"
|
|
77
79
|
:tracks="captionAndChapterTracks"
|
|
78
|
-
:drm="drm"
|
|
79
80
|
/>
|
|
80
81
|
```
|
|
81
82
|
|
|
82
|
-
|
|
83
|
+
It plays a file, an HLS or DASH stream, or a YouTube or Vimeo link, with play, seek, live edge, time, mute, volume, speed, quality, captions, AirPlay, Picture in Picture, fullscreen and accessible errors, labelled in the page's language. `src`, `poster`, `aspectRatio` and `label` follow a binding. See the component's README in `@stacksjs/components` for every prop.
|
|
84
|
+
|
|
85
|
+
`<Video>` takes no `drm` prop yet. To play protected DASH, render ts-video-player's `<video-player>` with a `data-media-config` JSON that carries the `drm` descriptor next to `sources`.
|