@theoplayer/web-ui 1.8.0 → 1.8.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 +4 -0
- package/README.md +2 -2
- package/dist/THEOplayerUI.d.ts +20 -1
- package/dist/THEOplayerUI.es5.js +2 -2
- package/dist/THEOplayerUI.es5.mjs +2 -2
- package/dist/THEOplayerUI.js +12 -12
- package/dist/THEOplayerUI.js.map +1 -1
- package/dist/THEOplayerUI.mjs +20 -20
- package/dist/THEOplayerUI.mjs.map +1 -1
- package/dist/THEOplayerUI.node.mjs +15 -15
- package/dist/THEOplayerUI.node.mjs.map +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -15,6 +15,10 @@ sidebar_custom_props: { 'icon': '📰' }
|
|
|
15
15
|
> - 🏠 Internal
|
|
16
16
|
> - 💅 Polish
|
|
17
17
|
|
|
18
|
+
## v1.8.1 (2024-04-18)
|
|
19
|
+
|
|
20
|
+
- 🐛 Fixed `ui.player.destroy()` not working. ([#59](https://github.com/THEOplayer/web-ui/issues/59), [#62](https://github.com/THEOplayer/web-ui/pull/62))
|
|
21
|
+
|
|
18
22
|
## v1.8.0 (2024-04-12)
|
|
19
23
|
|
|
20
24
|
- 💥 **Breaking Change**: This project now requires THEOplayer version 7.0.0 or higher. ([#60](https://github.com/THEOplayer/web-ui/pull/60))
|
package/README.md
CHANGED
|
@@ -102,7 +102,7 @@ The current THEOplayer Web SDK comes with a built-in UI based on [video.js](http
|
|
|
102
102
|
ui.player.addEventListener('playing', () => console.log('THEOplayer is now playing'));
|
|
103
103
|
```
|
|
104
104
|
|
|
105
|
-
See [
|
|
105
|
+
See [default-ui/demo.html](https://github.com/THEOplayer/web-ui/blob/main/docs/static/open-video-ui/v1/examples/web/default-ui/demo.html) for a complete example.
|
|
106
106
|
|
|
107
107
|
### Custom UI
|
|
108
108
|
|
|
@@ -125,7 +125,7 @@ If you want to fully customize your video player layout, you can use a `<theopla
|
|
|
125
125
|
</theoplayer-ui>
|
|
126
126
|
```
|
|
127
127
|
|
|
128
|
-
See [
|
|
128
|
+
See [custom-ui/demo.html](https://github.com/THEOplayer/web-ui/blob/main/docs/static/open-video-ui/v1/examples/web/custom-ui/demo.html) for a complete example.
|
|
129
129
|
|
|
130
130
|
### Legacy browser support
|
|
131
131
|
|
package/dist/THEOplayerUI.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* THEOplayer Open Video UI for Web (v1.8.
|
|
2
|
+
* THEOplayer Open Video UI for Web (v1.8.1)
|
|
3
3
|
* License: MIT
|
|
4
4
|
*/
|
|
5
5
|
import { ChromelessPlayer, VideoQuality, THEOplayerError, MediaTrack, TextTrack, TextTracksList, EdgeStyle, VendorCast, CastState, PlayerConfiguration, SourceDescription } from 'theoplayer/chromeless';
|
|
@@ -777,6 +777,7 @@ declare class TextTrackStyleRadioGroup extends TextTrackStyleRadioGroup_base {
|
|
|
777
777
|
private readonly _radioGroup;
|
|
778
778
|
private readonly _optionsSlot;
|
|
779
779
|
private _player;
|
|
780
|
+
private _textTrackStyle;
|
|
780
781
|
private _value;
|
|
781
782
|
constructor();
|
|
782
783
|
connectedCallback(): void;
|
|
@@ -821,6 +822,7 @@ declare class TextTrackStyleDisplay extends TextTrackStyleDisplay_base {
|
|
|
821
822
|
static get observedAttributes(): Attribute[];
|
|
822
823
|
private readonly _spanEl;
|
|
823
824
|
private _player;
|
|
825
|
+
private _textTrackStyle;
|
|
824
826
|
constructor();
|
|
825
827
|
connectedCallback(): void;
|
|
826
828
|
protected _upgradeProperty(prop: keyof this): void;
|
|
@@ -866,6 +868,8 @@ declare const LanguageMenu_base: typeof MenuGroup & Constructor<StateReceiverEle
|
|
|
866
868
|
*/
|
|
867
869
|
declare class LanguageMenu extends LanguageMenu_base {
|
|
868
870
|
private _player;
|
|
871
|
+
private _audioTrackList;
|
|
872
|
+
private _textTrackList;
|
|
869
873
|
static get observedAttributes(): Attribute[];
|
|
870
874
|
constructor();
|
|
871
875
|
get player(): ChromelessPlayer | undefined;
|
|
@@ -891,6 +895,8 @@ declare const LanguageMenuButton_base: typeof MenuButton & Constructor<StateRece
|
|
|
891
895
|
*/
|
|
892
896
|
declare class LanguageMenuButton extends LanguageMenuButton_base {
|
|
893
897
|
private _player;
|
|
898
|
+
private _audioTrackList;
|
|
899
|
+
private _textTrackList;
|
|
894
900
|
constructor();
|
|
895
901
|
connectedCallback(): void;
|
|
896
902
|
get player(): ChromelessPlayer | undefined;
|
|
@@ -1071,6 +1077,7 @@ declare const QualityRadioGroup_base: {
|
|
|
1071
1077
|
declare class QualityRadioGroup extends QualityRadioGroup_base {
|
|
1072
1078
|
private readonly _radioGroup;
|
|
1073
1079
|
private _player;
|
|
1080
|
+
private _videoTracks;
|
|
1074
1081
|
private _track;
|
|
1075
1082
|
constructor();
|
|
1076
1083
|
protected _upgradeProperty(prop: keyof this): void;
|
|
@@ -1277,6 +1284,7 @@ declare class PreviewThumbnail extends PreviewThumbnail_base {
|
|
|
1277
1284
|
private readonly _canvasContext;
|
|
1278
1285
|
private readonly _thumbnailImageSource;
|
|
1279
1286
|
private _player;
|
|
1287
|
+
private _textTrackList;
|
|
1280
1288
|
private _previewTime;
|
|
1281
1289
|
private _thumbnailTextTrack;
|
|
1282
1290
|
private _lastLoadedThumbnailUrl;
|
|
@@ -1349,6 +1357,7 @@ declare class TimeRange extends TimeRange_base {
|
|
|
1349
1357
|
private readonly _previewRailEl;
|
|
1350
1358
|
private readonly _previewBoxEl;
|
|
1351
1359
|
private _player;
|
|
1360
|
+
private _ads;
|
|
1352
1361
|
private _pausedWhileScrubbing;
|
|
1353
1362
|
private _autoAdvanceId;
|
|
1354
1363
|
private _lastUpdateTime;
|
|
@@ -1495,6 +1504,7 @@ declare const ChromecastDisplay_base: {
|
|
|
1495
1504
|
declare class ChromecastDisplay extends ChromecastDisplay_base {
|
|
1496
1505
|
private readonly _receiverNameEl;
|
|
1497
1506
|
private _player;
|
|
1507
|
+
private _castApi;
|
|
1498
1508
|
constructor();
|
|
1499
1509
|
protected _upgradeProperty(prop: keyof this): void;
|
|
1500
1510
|
connectedCallback(): void;
|
|
@@ -1570,6 +1580,7 @@ declare const GestureReceiver_base: {
|
|
|
1570
1580
|
*/
|
|
1571
1581
|
declare class GestureReceiver extends GestureReceiver_base {
|
|
1572
1582
|
private _player;
|
|
1583
|
+
private _playerElement;
|
|
1573
1584
|
private _pointerType;
|
|
1574
1585
|
constructor();
|
|
1575
1586
|
protected _upgradeProperty(prop: keyof this): void;
|
|
@@ -1660,6 +1671,7 @@ declare const AdDisplay_base: {
|
|
|
1660
1671
|
declare class AdDisplay extends AdDisplay_base {
|
|
1661
1672
|
private readonly _spanEl;
|
|
1662
1673
|
private _player;
|
|
1674
|
+
private _ads;
|
|
1663
1675
|
constructor();
|
|
1664
1676
|
protected _upgradeProperty(prop: keyof this): void;
|
|
1665
1677
|
connectedCallback(): void;
|
|
@@ -1685,6 +1697,7 @@ declare const AdCountdown_base: {
|
|
|
1685
1697
|
declare class AdCountdown extends AdCountdown_base {
|
|
1686
1698
|
private readonly _spanEl;
|
|
1687
1699
|
private _player;
|
|
1700
|
+
private _ads;
|
|
1688
1701
|
constructor();
|
|
1689
1702
|
protected _upgradeProperty(prop: keyof this): void;
|
|
1690
1703
|
connectedCallback(): void;
|
|
@@ -1707,6 +1720,7 @@ declare const AdClickThroughButton_base: typeof LinkButton & Constructor<StateRe
|
|
|
1707
1720
|
*/
|
|
1708
1721
|
declare class AdClickThroughButton extends AdClickThroughButton_base {
|
|
1709
1722
|
private _player;
|
|
1723
|
+
private _ads;
|
|
1710
1724
|
static get observedAttributes(): Attribute[];
|
|
1711
1725
|
constructor();
|
|
1712
1726
|
connectedCallback(): void;
|
|
@@ -1735,6 +1749,7 @@ declare class AdSkipButton extends AdSkipButton_base {
|
|
|
1735
1749
|
private readonly _countdownEl;
|
|
1736
1750
|
private readonly _skipEl;
|
|
1737
1751
|
private _player;
|
|
1752
|
+
private _ads;
|
|
1738
1753
|
static get observedAttributes(): Attribute[];
|
|
1739
1754
|
constructor();
|
|
1740
1755
|
connectedCallback(): void;
|
|
@@ -1945,6 +1960,7 @@ declare class UIContainer extends HTMLElement {
|
|
|
1945
1960
|
private readonly registerStateReceiver_;
|
|
1946
1961
|
private readonly unregisterStateReceiver_;
|
|
1947
1962
|
private propagateStateToReceiver_;
|
|
1963
|
+
private propagatePlayerToAllReceivers_;
|
|
1948
1964
|
private removeStateFromReceiver_;
|
|
1949
1965
|
private openMenu_;
|
|
1950
1966
|
private closeMenu_;
|
|
@@ -1985,6 +2001,9 @@ declare class UIContainer extends HTMLElement {
|
|
|
1985
2001
|
private readonly _onChromeSlotTransition;
|
|
1986
2002
|
private readonly _updateTextTrackMargins;
|
|
1987
2003
|
private readonly _onPreviewTimeChange;
|
|
2004
|
+
private addPlayerListeners_;
|
|
2005
|
+
private removePlayerListeners_;
|
|
2006
|
+
private readonly _onDestroy;
|
|
1988
2007
|
}
|
|
1989
2008
|
declare global {
|
|
1990
2009
|
interface HTMLElementTagNameMap {
|