@theoplayer/web-ui 1.6.0 → 1.7.1
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/CHANGELOG.md +14 -2
- package/dist/THEOplayerUI.d.ts +13 -8
- package/dist/THEOplayerUI.es5.js +2 -2
- package/dist/THEOplayerUI.es5.mjs +4 -1
- package/dist/THEOplayerUI.js +21 -21
- package/dist/THEOplayerUI.js.map +1 -1
- package/dist/THEOplayerUI.mjs +23 -20
- package/dist/THEOplayerUI.mjs.map +1 -1
- package/dist/THEOplayerUI.node.mjs +32 -0
- package/dist/THEOplayerUI.node.mjs.map +1 -0
- package/package.json +15 -4
package/CHANGELOG.md
CHANGED
|
@@ -10,6 +10,18 @@
|
|
|
10
10
|
> - 🏠 Internal
|
|
11
11
|
> - 💅 Polish
|
|
12
12
|
|
|
13
|
+
## v1.7.1 (2024-02-15)
|
|
14
|
+
|
|
15
|
+
- 💅 Export `version` in public API. ([#53](https://github.com/THEOplayer/web-ui/pull/53))
|
|
16
|
+
- 💅 Allow importing `@theoplayer/web-ui/package.json`. ([#53](https://github.com/THEOplayer/web-ui/pull/53))
|
|
17
|
+
|
|
18
|
+
## v1.7.0 (2024-02-15)
|
|
19
|
+
|
|
20
|
+
- 🚀 Added support for loading in Node for static site generation (SSG) or server-side rendering (SSR). ([#50](https://github.com/THEOplayer/web-ui/pull/50))
|
|
21
|
+
- ⚠️ Although the Node entry point exports all custom element classes as usual, attempting to actually construct those classes will result in errors. Most dependencies are either replaced with stubs (using [`@lit-labs/ssr-dom-shim`](https://lit.dev/docs/ssr/dom-emulation/)) or removed altogether (such as THEOplayer itself).
|
|
22
|
+
- This should always be used together with an SSG or SSR solution. For example, you can use [Open Video UI for React](https://www.npmjs.com/package/@theoplayer/react-ui) together with [React server rendering](https://react.dev/reference/react-dom/server).
|
|
23
|
+
- 🐛 Fixed an issue where `<theoplayer-ui>` could throw an error when the player changes sources before all custom elements are properly registered. ([#49](https://github.com/THEOplayer/web-ui/pull/49))
|
|
24
|
+
|
|
13
25
|
## v1.6.0 (2024-02-08)
|
|
14
26
|
|
|
15
27
|
- 🚀 Introducing [Open Video UI for React](https://www.npmjs.com/package/@theoplayer/react-ui). ([#48](https://github.com/THEOplayer/web-ui/pull/48))
|
|
@@ -32,7 +44,7 @@
|
|
|
32
44
|
|
|
33
45
|
- 💥 **Breaking Change**: This project now requires THEOplayer version 6.0.0 or higher.
|
|
34
46
|
- 🚀 Open Video UI now imports THEOplayer as a JavaScript module using `import from 'theoplayer/chromeless'`.
|
|
35
|
-
See the [README](
|
|
47
|
+
See the [README](https://github.com/THEOplayer/web-ui/blob/v1.4.0/README.md#installation) for updated installation instructions.
|
|
36
48
|
- 🐛 When the player's source is empty, the UI will no longer attempt to play when clicked. ([#37](https://github.com/THEOplayer/web-ui/pull/37))
|
|
37
49
|
|
|
38
50
|
## v1.3.0 (2023-05-16)
|
|
@@ -51,7 +63,7 @@
|
|
|
51
63
|
|
|
52
64
|
## v1.1.0 (2023-04-12)
|
|
53
65
|
|
|
54
|
-
- 💥 **Breaking Change**: This project now targets modern browsers, so `dist/THEOplayerUI.js` and `dist/THEOplayerUI.mjs` now use ES2017 syntax (such as `class` and `async`/`await`). See "Legacy browser support" in the [README](
|
|
66
|
+
- 💥 **Breaking Change**: This project now targets modern browsers, so `dist/THEOplayerUI.js` and `dist/THEOplayerUI.mjs` now use ES2017 syntax (such as `class` and `async`/`await`). See "Legacy browser support" in the [README](https://github.com/THEOplayer/web-ui/blob/v1.1.0/README.md) for more information about targeting older browsers. ([#26](https://github.com/THEOplayer/web-ui/issues/26), [#27](https://github.com/THEOplayer/web-ui/pull/27))
|
|
55
67
|
- 🚀 Added support for THEOplayer 5.0
|
|
56
68
|
- 💅 Improved accessibility ([#21](https://github.com/THEOplayer/web-ui/pull/21))
|
|
57
69
|
- 💅 Make menus fill entire player when player is small ([#22](https://github.com/THEOplayer/web-ui/pull/22))
|
package/dist/THEOplayerUI.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* THEOplayer Open Video UI for Web (v1.
|
|
2
|
+
* THEOplayer Open Video UI for Web (v1.7.1)
|
|
3
3
|
* License: MIT
|
|
4
4
|
*/
|
|
5
5
|
import { ChromelessPlayer, VideoQuality, THEOplayerError, MediaTrack, TextTrack, TextTracksList, EdgeStyle, VendorCast, CastState, PlayerConfiguration, SourceDescription } from 'theoplayer/chromeless';
|
|
@@ -1745,9 +1745,9 @@ declare const READY_EVENT: "theoplayerready";
|
|
|
1745
1745
|
* ## Usage
|
|
1746
1746
|
*
|
|
1747
1747
|
* 1. Create a `<theoplayer-default-ui>` element.
|
|
1748
|
-
*
|
|
1749
|
-
*
|
|
1750
|
-
*
|
|
1748
|
+
* 2. Set its `configuration` attribute or property to a valid player configuration.
|
|
1749
|
+
* 3. Set its `source` attribute or property to a valid stream source.
|
|
1750
|
+
* 4. Optionally, customize the player using CSS custom properties and/or extra controls.
|
|
1751
1751
|
*
|
|
1752
1752
|
* ## Customization
|
|
1753
1753
|
*
|
|
@@ -1911,10 +1911,10 @@ declare function registerExtension(extension: Extension): void;
|
|
|
1911
1911
|
* ## Usage
|
|
1912
1912
|
*
|
|
1913
1913
|
* 1. Create a `<theoplayer-ui>` element.
|
|
1914
|
-
*
|
|
1914
|
+
* 2. Place your UI elements as children of the `<theoplayer-ui>`.
|
|
1915
1915
|
* Set their `slot` attribute to one of the defined slots (see below) to place them in the layout.
|
|
1916
|
-
*
|
|
1917
|
-
*
|
|
1916
|
+
* 3. Set its `configuration` attribute or property to a valid player configuration.
|
|
1917
|
+
* 4. Set its `source` attribute or property to a valid stream source.
|
|
1918
1918
|
*
|
|
1919
1919
|
* ## Customization
|
|
1920
1920
|
*
|
|
@@ -2135,5 +2135,10 @@ declare global {
|
|
|
2135
2135
|
}
|
|
2136
2136
|
}
|
|
2137
2137
|
|
|
2138
|
-
|
|
2138
|
+
/**
|
|
2139
|
+
* The version of Open Video UI for Web.
|
|
2140
|
+
*/
|
|
2141
|
+
declare const version: string;
|
|
2142
|
+
|
|
2143
|
+
export { ActiveQualityDisplay, AdClickThroughButton, AdCountdown, AdDisplay, AdSkipButton, AirPlayButton, Attribute, Button, ButtonOptions, CastButton, ChromecastButton, ChromecastDisplay, CloseMenuButton, ColorStops, Constructor, ControlBar, DefaultUI, DeviceType, DurationDisplay, ErrorDisplay, Extension, ExtensionSlot, FullscreenButton, GestureReceiver, LanguageMenu, LanguageMenuButton, LinkButton, LiveButton, LoadingIndicator, MediaTrackRadioButton, Menu, MenuButton, MenuGroup, MenuGroupOptions, MenuOptions, MuteButton, PlayButton, PlaybackRateDisplay, PlaybackRateMenu, PlaybackRateMenuButton, PlaybackRateRadioGroup, PreviewThumbnail, PreviewTimeDisplay, QualityRadioButton, QualityRadioGroup, RadioButton, RadioGroup, Range, RangeOptions, SeekButton, SettingsMenu, SettingsMenuButton, StateReceiverElement, StateReceiverMixin, StateReceiverPropertyMap, StreamType, TextTrackOffRadioButton, TextTrackRadioButton, TextTrackStyleDisplay, TextTrackStyleMap, TextTrackStyleMenu, TextTrackStyleOption, TextTrackStyleRadioGroup, TextTrackStyleResetButton, TimeDisplay, TimeRange, TrackRadioGroup, TrackType, UIContainer, VolumeLevel, VolumeRange, buttonTemplate, linkButtonTemplate, menuGroupTemplate, menuTemplate, rangeTemplate, registerExtension, version };
|
|
2139
2144
|
export as namespace THEOplayerUI;
|