@gcorevideo/player 2.19.15 → 2.20.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/assets/level-selector/list.ejs +1 -1
- package/dist/core.js +2 -2
- package/dist/index.css +1634 -1634
- package/dist/index.js +585 -416
- package/dist/player.d.ts +268 -72
- package/dist/plugins/index.css +1567 -1567
- package/dist/plugins/index.js +526 -357
- package/docs/api/player.clapprnerdstats.md +12 -259
- package/docs/api/player.dvrcontrols.md +5 -1
- package/docs/api/player.errorscreen.attributes.md +3 -0
- package/docs/api/player.errorscreen.bindevents.md +3 -0
- package/docs/api/player.errorscreen.container.md +3 -0
- package/docs/api/player.errorscreen.hide.md +3 -0
- package/docs/api/player.errorscreen.md +27 -0
- package/docs/api/player.errorscreen.name.md +3 -0
- package/docs/api/player.errorscreen.render.md +3 -0
- package/docs/api/player.errorscreen.show.md +3 -0
- package/docs/api/player.errorscreen.supportedversion.md +3 -0
- package/docs/api/player.errorscreen.template.md +3 -0
- package/docs/api/player.errorscreen.unbindevents.md +3 -0
- package/docs/api/{player.playbackrate.template.md → player.initeventdata.event.md} +3 -3
- package/docs/api/{player.playbackrate.updateplaybackrate.md → player.initeventdata.md} +15 -11
- package/docs/api/player.md +88 -5
- package/docs/api/player.pictureinpicture.md +9 -197
- package/docs/api/player.playbackrate.md +10 -314
- package/docs/api/{player.playbackrate.onplay.md → player.stalleventdata.count.md} +5 -7
- package/docs/api/{player.playbackrate.name.md → player.stalleventdata.event.md} +3 -3
- package/docs/api/player.stalleventdata.md +112 -0
- package/docs/api/player.stalleventdata.time.md +13 -0
- package/docs/api/player.stalleventdata.total_ms.md +13 -0
- package/docs/api/{player.pluginsettings.md → player.starteventdata.event.md} +3 -5
- package/docs/api/{player.playbackrate.onrateselect.md → player.starteventdata.md} +15 -11
- package/docs/api/{player.statistics._constructor_.md → player.telemetry._constructor_.md} +6 -3
- package/docs/api/player.telemetry.md +146 -0
- package/docs/api/{player.volumefade.name.md → player.telemetry.name.md} +4 -2
- package/docs/api/{player.clapprnerdstats.supportedversion.md → player.telemetry.supportedversion.md} +4 -2
- package/docs/api/player.telemetryevent.md +89 -0
- package/docs/api/player.telemetryeventdata.md +15 -0
- package/docs/api/player.telemetrypluginsettings.md +57 -0
- package/docs/api/player.telemetrypluginsettings.send.md +13 -0
- package/docs/api/player.telemetryrecord.md +17 -0
- package/docs/api/player.volumefade.md +0 -93
- package/docs/api/{player.pictureinpicture.name.md → player.watcheventdata.event.md} +3 -3
- package/docs/api/{player.playbackrate.setselectedrate.md → player.watcheventdata.md} +15 -11
- package/lib/index.plugins.d.ts +2 -2
- package/lib/index.plugins.d.ts.map +1 -1
- package/lib/index.plugins.js +2 -2
- package/lib/playback/hls-playback/HlsPlayback.js +1 -1
- package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.d.ts +38 -5
- package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.d.ts.map +1 -1
- package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.js +63 -17
- package/lib/plugins/dvr-controls/DvrControls.d.ts +5 -2
- package/lib/plugins/dvr-controls/DvrControls.d.ts.map +1 -1
- package/lib/plugins/dvr-controls/DvrControls.js +5 -2
- package/lib/plugins/error-screen/ErrorScreen.d.ts +5 -0
- package/lib/plugins/error-screen/ErrorScreen.d.ts.map +1 -1
- package/lib/plugins/error-screen/ErrorScreen.js +5 -0
- package/lib/plugins/index.d.ts +2 -3
- package/lib/plugins/index.d.ts.map +1 -1
- package/lib/plugins/index.js +2 -3
- package/lib/plugins/picture-in-picture/PictureInPicture.d.ts +32 -4
- package/lib/plugins/picture-in-picture/PictureInPicture.d.ts.map +1 -1
- package/lib/plugins/picture-in-picture/PictureInPicture.js +30 -2
- package/lib/plugins/playback-rate/PlaybackRate.d.ts +47 -14
- package/lib/plugins/playback-rate/PlaybackRate.d.ts.map +1 -1
- package/lib/plugins/playback-rate/PlaybackRate.js +38 -9
- package/lib/plugins/statistics/Statistics.d.ts +38 -3
- package/lib/plugins/statistics/Statistics.d.ts.map +1 -1
- package/lib/plugins/statistics/Statistics.js +51 -9
- package/lib/plugins/telemetry/Telemetry.d.ts +135 -0
- package/lib/plugins/telemetry/Telemetry.d.ts.map +1 -0
- package/lib/plugins/telemetry/Telemetry.js +180 -0
- package/lib/plugins/volume-fade/VolumeFade.d.ts +7 -1
- package/lib/plugins/volume-fade/VolumeFade.d.ts.map +1 -1
- package/lib/plugins/volume-fade/VolumeFade.js +8 -1
- package/package.json +1 -1
- package/src/index.plugins.ts +2 -2
- package/src/playback/hls-playback/HlsPlayback.ts +1 -1
- package/src/plugins/clappr-nerd-stats/ClapprNerdStats.ts +240 -173
- package/src/plugins/dvr-controls/DvrControls.ts +5 -2
- package/src/plugins/error-screen/ErrorScreen.ts +5 -0
- package/src/plugins/index.ts +2 -3
- package/src/plugins/level-selector/__tests__/LevelSelector.test.ts +47 -26
- package/src/plugins/level-selector/__tests__/__snapshots__/LevelSelector.test.ts.snap +18 -18
- package/src/plugins/picture-in-picture/PictureInPicture.ts +35 -7
- package/src/plugins/playback-rate/PlaybackRate.ts +53 -24
- package/src/plugins/telemetry/Telemetry.ts +299 -0
- package/src/plugins/volume-fade/VolumeFade.ts +9 -2
- package/temp/player.api.json +2322 -3281
- package/tsconfig.tsbuildinfo +1 -1
- package/docs/api/player.clapprnerdstats.attributes.md +0 -17
- package/docs/api/player.clapprnerdstats.bindevents.md +0 -18
- package/docs/api/player.clapprnerdstats.events.md +0 -18
- package/docs/api/player.clapprnerdstats.name.md +0 -14
- package/docs/api/player.clapprnerdstats.playerheight.md +0 -14
- package/docs/api/player.clapprnerdstats.playerwidth.md +0 -14
- package/docs/api/player.clapprnerdstats.render.md +0 -18
- package/docs/api/player.clapprnerdstats.statsboxelem.md +0 -14
- package/docs/api/player.clapprnerdstats.statsboxwidththreshold.md +0 -14
- package/docs/api/player.clapprnerdstats.template.md +0 -14
- package/docs/api/player.pictureinpicture.bindevents.md +0 -15
- package/docs/api/player.pictureinpicture.events.md +0 -13
- package/docs/api/player.pictureinpicture.exitpictureinpicture.md +0 -15
- package/docs/api/player.pictureinpicture.render.md +0 -15
- package/docs/api/player.pictureinpicture.requestpictureinpicture.md +0 -15
- package/docs/api/player.pictureinpicture.supportedversion.md +0 -13
- package/docs/api/player.pictureinpicture.togglepictureinpicture.md +0 -15
- package/docs/api/player.pictureinpicture.version.md +0 -11
- package/docs/api/player.pictureinpicture.videoelement.md +0 -11
- package/docs/api/player.playbackrate.attributes.md +0 -14
- package/docs/api/player.playbackrate.bindevents.md +0 -15
- package/docs/api/player.playbackrate.events.md +0 -15
- package/docs/api/player.playbackrate.gettitle.md +0 -15
- package/docs/api/player.playbackrate.goback.md +0 -15
- package/docs/api/player.playbackrate.highlightcurrentrate.md +0 -15
- package/docs/api/player.playbackrate.onfinishad.md +0 -15
- package/docs/api/player.playbackrate.onshowmenu.md +0 -15
- package/docs/api/player.playbackrate.onstartad.md +0 -15
- package/docs/api/player.playbackrate.onstop.md +0 -15
- package/docs/api/player.playbackrate.reload.md +0 -15
- package/docs/api/player.playbackrate.render.md +0 -15
- package/docs/api/player.playbackrate.supportedversion.md +0 -13
- package/docs/api/player.playbackrate.unbindevents.md +0 -15
- package/docs/api/player.statistics.bindevents.md +0 -15
- package/docs/api/player.statistics.md +0 -141
- package/docs/api/player.statistics.name.md +0 -11
- package/docs/api/player.statistics.supportedversion.md +0 -13
- package/docs/api/player.volumefade.bindevents.md +0 -18
- package/docs/api/player.volumefade.unbindevents.md +0 -18
- package/src/plugins/statistics/Statistics.ts +0 -207
- /package/src/plugins/{statistics → telemetry}/Statistics copy.xts +0 -0
|
@@ -15,96 +15,3 @@ export declare class VolumeFade extends UICorePlugin
|
|
|
15
15
|
```
|
|
16
16
|
**Extends:** UICorePlugin
|
|
17
17
|
|
|
18
|
-
## Properties
|
|
19
|
-
|
|
20
|
-
<table><thead><tr><th>
|
|
21
|
-
|
|
22
|
-
Property
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
</th><th>
|
|
26
|
-
|
|
27
|
-
Modifiers
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
</th><th>
|
|
31
|
-
|
|
32
|
-
Type
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
</th><th>
|
|
36
|
-
|
|
37
|
-
Description
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
</th></tr></thead>
|
|
41
|
-
<tbody><tr><td>
|
|
42
|
-
|
|
43
|
-
[name](./player.volumefade.name.md)
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
</td><td>
|
|
47
|
-
|
|
48
|
-
`readonly`
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
</td><td>
|
|
52
|
-
|
|
53
|
-
string
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
</td><td>
|
|
57
|
-
|
|
58
|
-
**_(BETA)_**
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
</td></tr>
|
|
62
|
-
</tbody></table>
|
|
63
|
-
|
|
64
|
-
## Methods
|
|
65
|
-
|
|
66
|
-
<table><thead><tr><th>
|
|
67
|
-
|
|
68
|
-
Method
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
</th><th>
|
|
72
|
-
|
|
73
|
-
Modifiers
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
</th><th>
|
|
77
|
-
|
|
78
|
-
Description
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
</th></tr></thead>
|
|
82
|
-
<tbody><tr><td>
|
|
83
|
-
|
|
84
|
-
[bindEvents()](./player.volumefade.bindevents.md)
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
</td><td>
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
</td><td>
|
|
91
|
-
|
|
92
|
-
**_(BETA)_**
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
</td></tr>
|
|
96
|
-
<tr><td>
|
|
97
|
-
|
|
98
|
-
[unBindEvents()](./player.volumefade.unbindevents.md)
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
</td><td>
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
</td><td>
|
|
105
|
-
|
|
106
|
-
**_(BETA)_**
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
</td></tr>
|
|
110
|
-
</tbody></table>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
|
2
2
|
|
|
3
|
-
[Home](./index.md) > [@gcorevideo/player](./player.md) > [
|
|
3
|
+
[Home](./index.md) > [@gcorevideo/player](./player.md) > [WatchEventData](./player.watcheventdata.md) > [event](./player.watcheventdata.event.md)
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## WatchEventData.event property
|
|
6
6
|
|
|
7
7
|
**Signature:**
|
|
8
8
|
|
|
9
9
|
```typescript
|
|
10
|
-
|
|
10
|
+
event: TelemetryEvent.Watch;
|
|
11
11
|
```
|
|
@@ -1,20 +1,25 @@
|
|
|
1
1
|
<!-- Do not edit this file. It is automatically generated by API Documenter. -->
|
|
2
2
|
|
|
3
|
-
[Home](./index.md) > [@gcorevideo/player](./player.md) > [
|
|
3
|
+
[Home](./index.md) > [@gcorevideo/player](./player.md) > [WatchEventData](./player.watcheventdata.md)
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## WatchEventData interface
|
|
6
6
|
|
|
7
7
|
**Signature:**
|
|
8
8
|
|
|
9
9
|
```typescript
|
|
10
|
-
|
|
10
|
+
export interface WatchEventData
|
|
11
11
|
```
|
|
12
12
|
|
|
13
|
-
##
|
|
13
|
+
## Properties
|
|
14
14
|
|
|
15
15
|
<table><thead><tr><th>
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
Property
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
</th><th>
|
|
21
|
+
|
|
22
|
+
Modifiers
|
|
18
23
|
|
|
19
24
|
|
|
20
25
|
</th><th>
|
|
@@ -30,12 +35,15 @@ Description
|
|
|
30
35
|
</th></tr></thead>
|
|
31
36
|
<tbody><tr><td>
|
|
32
37
|
|
|
33
|
-
|
|
38
|
+
[event](./player.watcheventdata.event.md)
|
|
34
39
|
|
|
35
40
|
|
|
36
41
|
</td><td>
|
|
37
42
|
|
|
38
|
-
|
|
43
|
+
|
|
44
|
+
</td><td>
|
|
45
|
+
|
|
46
|
+
[TelemetryEvent.Watch](./player.telemetryevent.md)
|
|
39
47
|
|
|
40
48
|
|
|
41
49
|
</td><td>
|
|
@@ -43,7 +51,3 @@ string
|
|
|
43
51
|
|
|
44
52
|
</td></tr>
|
|
45
53
|
</tbody></table>
|
|
46
|
-
**Returns:**
|
|
47
|
-
|
|
48
|
-
void
|
|
49
|
-
|
package/lib/index.plugins.d.ts
CHANGED
|
@@ -24,9 +24,9 @@ export * from "./plugins/seek-time/SeekTime.js";
|
|
|
24
24
|
export * from "./plugins/share/Share.js";
|
|
25
25
|
export * from "./plugins/skip-time/SkipTime.js";
|
|
26
26
|
export * from "./plugins/spinner-three-bounce/SpinnerThreeBounce.js";
|
|
27
|
-
export * from "./plugins/
|
|
27
|
+
export * from "./plugins/source-controller/SourceController.js";
|
|
28
28
|
export * from "./plugins/subtitles/Subtitles.js";
|
|
29
|
+
export * from "./plugins/telemetry/Telemetry.js";
|
|
29
30
|
export * from "./plugins/thumbnails/Thumbnails.js";
|
|
30
|
-
export * from "./plugins/source-controller/SourceController.js";
|
|
31
31
|
export * from "./plugins/volume-fade/VolumeFade.js";
|
|
32
32
|
//# sourceMappingURL=index.plugins.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.plugins.d.ts","sourceRoot":"","sources":["../src/index.plugins.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAEnC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,qCAAqC,CAAC;AACpD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yBAAyB,CAAC;AACxC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,wBAAwB,CAAC;AACvC,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kDAAkD,CAAC;AACjE,cAAc,yCAAyC,CAAC;AACxD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,sDAAsD,CAAC;AACrE,cAAc,
|
|
1
|
+
{"version":3,"file":"index.plugins.d.ts","sourceRoot":"","sources":["../src/index.plugins.ts"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAEnC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,qCAAqC,CAAC;AACpD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uCAAuC,CAAC;AACtD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,8BAA8B,CAAC;AAE7C,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yBAAyB,CAAC;AACxC,cAAc,2CAA2C,CAAC;AAC1D,cAAc,wBAAwB,CAAC;AACvC,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,kDAAkD,CAAC;AACjE,cAAc,yCAAyC,CAAC;AACxD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,sDAAsD,CAAC;AACrE,cAAc,iDAAiD,CAAC;AAChE,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAGnD,cAAc,qCAAqC,CAAC"}
|
package/lib/index.plugins.js
CHANGED
|
@@ -25,10 +25,10 @@ export * from "./plugins/seek-time/SeekTime.js";
|
|
|
25
25
|
export * from "./plugins/share/Share.js";
|
|
26
26
|
export * from "./plugins/skip-time/SkipTime.js";
|
|
27
27
|
export * from "./plugins/spinner-three-bounce/SpinnerThreeBounce.js";
|
|
28
|
-
export * from "./plugins/
|
|
28
|
+
export * from "./plugins/source-controller/SourceController.js";
|
|
29
29
|
export * from "./plugins/subtitles/Subtitles.js";
|
|
30
|
+
export * from "./plugins/telemetry/Telemetry.js";
|
|
30
31
|
export * from "./plugins/thumbnails/Thumbnails.js";
|
|
31
|
-
export * from "./plugins/source-controller/SourceController.js";
|
|
32
32
|
// _ vast-ads
|
|
33
33
|
// _ video360
|
|
34
34
|
export * from "./plugins/volume-fade/VolumeFade.js";
|
|
@@ -581,9 +581,9 @@ export default class HlsPlayback extends HTML5Video {
|
|
|
581
581
|
}
|
|
582
582
|
play() {
|
|
583
583
|
!this._hls && this._setup();
|
|
584
|
-
assert.ok(this._hls, 'Hls.js instance is not available');
|
|
585
584
|
!this._manifestParsed &&
|
|
586
585
|
!this.options.hlsPlayback.preload &&
|
|
586
|
+
// @ts-expect-error
|
|
587
587
|
this._hls.loadSource(this.options.src);
|
|
588
588
|
super.play();
|
|
589
589
|
this._startTimeUpdateTimer();
|
|
@@ -1,7 +1,22 @@
|
|
|
1
1
|
import { UICorePlugin, Core } from '@clappr/core';
|
|
2
2
|
import '../../../assets/clappr-nerd-stats/clappr-nerd-stats.scss';
|
|
3
3
|
/**
|
|
4
|
+
* Displays useful network-related statistics.
|
|
4
5
|
* @beta
|
|
6
|
+
*
|
|
7
|
+
* @remarks
|
|
8
|
+
* Depends on:
|
|
9
|
+
*
|
|
10
|
+
* - {@link MediaControl}
|
|
11
|
+
*
|
|
12
|
+
* - {@link BottomGear}
|
|
13
|
+
*
|
|
14
|
+
* - {@link ClapprStats}
|
|
15
|
+
*
|
|
16
|
+
* The plugin is rendered as an item in the gear menu.
|
|
17
|
+
*
|
|
18
|
+
* When clicked, it shows an overlay window with the information about the network speed, latency, etc,
|
|
19
|
+
* and recommended quality level.
|
|
5
20
|
*/
|
|
6
21
|
export declare class ClapprNerdStats extends UICorePlugin {
|
|
7
22
|
private container;
|
|
@@ -10,25 +25,40 @@ export declare class ClapprNerdStats extends UICorePlugin {
|
|
|
10
25
|
private showing;
|
|
11
26
|
private shortcut;
|
|
12
27
|
private iconPosition;
|
|
28
|
+
/**
|
|
29
|
+
* @internal
|
|
30
|
+
*/
|
|
13
31
|
get name(): string;
|
|
32
|
+
/**
|
|
33
|
+
* @internal
|
|
34
|
+
*/
|
|
14
35
|
get supportedVersion(): {
|
|
15
36
|
min: string;
|
|
16
37
|
};
|
|
17
|
-
|
|
38
|
+
private static readonly template;
|
|
39
|
+
/**
|
|
40
|
+
* @internal
|
|
41
|
+
*/
|
|
18
42
|
get attributes(): {
|
|
19
43
|
'data-clappr-nerd-stats': string;
|
|
20
44
|
class: string;
|
|
21
45
|
};
|
|
46
|
+
/**
|
|
47
|
+
* @internal
|
|
48
|
+
*/
|
|
22
49
|
get events(): {
|
|
23
50
|
'click [data-show-stats-button]': string;
|
|
24
51
|
'click [data-close-button]': string;
|
|
25
52
|
'click [data-refresh-button]': string;
|
|
26
53
|
};
|
|
27
|
-
get statsBoxElem()
|
|
28
|
-
get statsBoxWidthThreshold()
|
|
29
|
-
get playerWidth()
|
|
30
|
-
get playerHeight()
|
|
54
|
+
private get statsBoxElem();
|
|
55
|
+
private get statsBoxWidthThreshold();
|
|
56
|
+
private get playerWidth();
|
|
57
|
+
private get playerHeight();
|
|
31
58
|
constructor(core: Core);
|
|
59
|
+
/**
|
|
60
|
+
* @internal
|
|
61
|
+
*/
|
|
32
62
|
bindEvents(): void;
|
|
33
63
|
private init;
|
|
34
64
|
private toggle;
|
|
@@ -39,6 +69,9 @@ export declare class ClapprNerdStats extends UICorePlugin {
|
|
|
39
69
|
private addCustomMetrics;
|
|
40
70
|
private updateMetrics;
|
|
41
71
|
private setStatsBoxSize;
|
|
72
|
+
/**
|
|
73
|
+
* @internal
|
|
74
|
+
*/
|
|
42
75
|
render(): this;
|
|
43
76
|
private addToBottomGear;
|
|
44
77
|
private clearCustomMetrics;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ClapprNerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/ClapprNerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,IAAI,EAAa,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"ClapprNerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/ClapprNerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,IAAI,EAAa,MAAM,cAAc,CAAA;AAsB9E,OAAO,0DAA0D,CAAA;AAgGjE;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,eAAgB,SAAQ,YAAY;IAC/C,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,aAAa,CAIpB;IAED,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,OAAO,CAAQ;IAEvB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,YAAY,CAAc;IAElC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;;MAKtB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;gBAEW,IAAI,EAAE,IAAI;IAgBtB;;OAEG;IACM,UAAU;IAWnB,OAAO,CAAC,IAAI;IA4BZ,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,IAAI;IAeZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;IA+BxB,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAQf,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,gBAAgB;CAWzB"}
|
|
@@ -2,7 +2,7 @@ import { UICorePlugin, Events, template } from '@clappr/core';
|
|
|
2
2
|
import { reportError } from '@gcorevideo/utils';
|
|
3
3
|
import Mousetrap from 'mousetrap';
|
|
4
4
|
import { CLAPPR_VERSION } from '../../build.js';
|
|
5
|
-
import { ClapprStatsEvents } from '../clappr-stats/types.js';
|
|
5
|
+
import { ClapprStatsEvents, } from '../clappr-stats/types.js';
|
|
6
6
|
import { newMetrics as newBaseMetrics } from '../clappr-stats/utils.js';
|
|
7
7
|
import Formatter from './formatter.js';
|
|
8
8
|
import { clearSpeedTestResults, configureSpeedTest, drawSpeedTestResults, initSpeedTest, startSpeedtest, stopSpeedtest, } from './speedtest/index.js';
|
|
@@ -17,7 +17,7 @@ const qualityClasses = [
|
|
|
17
17
|
'speedtest-quality-value-2',
|
|
18
18
|
'speedtest-quality-value-3',
|
|
19
19
|
'speedtest-quality-value-4',
|
|
20
|
-
'speedtest-quality-value-5'
|
|
20
|
+
'speedtest-quality-value-5',
|
|
21
21
|
];
|
|
22
22
|
const getDownloadQuality = (speedValue) => {
|
|
23
23
|
if (speedValue < 3) {
|
|
@@ -81,7 +81,22 @@ const drawSummary = (customMetrics, vodContainer, liveContainer) => {
|
|
|
81
81
|
};
|
|
82
82
|
// const T = 'plugins.clappr_nerd_stats';
|
|
83
83
|
/**
|
|
84
|
+
* Displays useful network-related statistics.
|
|
84
85
|
* @beta
|
|
86
|
+
*
|
|
87
|
+
* @remarks
|
|
88
|
+
* Depends on:
|
|
89
|
+
*
|
|
90
|
+
* - {@link MediaControl}
|
|
91
|
+
*
|
|
92
|
+
* - {@link BottomGear}
|
|
93
|
+
*
|
|
94
|
+
* - {@link ClapprStats}
|
|
95
|
+
*
|
|
96
|
+
* The plugin is rendered as an item in the gear menu.
|
|
97
|
+
*
|
|
98
|
+
* When clicked, it shows an overlay window with the information about the network speed, latency, etc,
|
|
99
|
+
* and recommended quality level.
|
|
85
100
|
*/
|
|
86
101
|
export class ClapprNerdStats extends UICorePlugin {
|
|
87
102
|
container = null;
|
|
@@ -94,21 +109,31 @@ export class ClapprNerdStats extends UICorePlugin {
|
|
|
94
109
|
showing = false;
|
|
95
110
|
shortcut;
|
|
96
111
|
iconPosition;
|
|
112
|
+
/**
|
|
113
|
+
* @internal
|
|
114
|
+
*/
|
|
97
115
|
get name() {
|
|
98
116
|
return 'nerd_stats';
|
|
99
117
|
}
|
|
118
|
+
/**
|
|
119
|
+
* @internal
|
|
120
|
+
*/
|
|
100
121
|
get supportedVersion() {
|
|
101
122
|
return { min: CLAPPR_VERSION };
|
|
102
123
|
}
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
124
|
+
static template = template(pluginHtml);
|
|
125
|
+
/**
|
|
126
|
+
* @internal
|
|
127
|
+
*/
|
|
106
128
|
get attributes() {
|
|
107
129
|
return {
|
|
108
130
|
'data-clappr-nerd-stats': '',
|
|
109
|
-
|
|
131
|
+
class: 'clappr-nerd-stats',
|
|
110
132
|
};
|
|
111
133
|
}
|
|
134
|
+
/**
|
|
135
|
+
* @internal
|
|
136
|
+
*/
|
|
112
137
|
get events() {
|
|
113
138
|
return {
|
|
114
139
|
'click [data-show-stats-button]': 'showOrHide',
|
|
@@ -130,8 +155,12 @@ export class ClapprNerdStats extends UICorePlugin {
|
|
|
130
155
|
}
|
|
131
156
|
constructor(core) {
|
|
132
157
|
super(core);
|
|
133
|
-
this.shortcut = core.options.clapprNerdStats?.shortcut ?? [
|
|
134
|
-
|
|
158
|
+
this.shortcut = core.options.clapprNerdStats?.shortcut ?? [
|
|
159
|
+
'command+shift+s',
|
|
160
|
+
'ctrl+shift+s',
|
|
161
|
+
];
|
|
162
|
+
this.iconPosition =
|
|
163
|
+
core.options.clapprNerdStats?.iconPosition ?? 'bottom-right';
|
|
135
164
|
this.customMetrics = {
|
|
136
165
|
connectionSpeed: 0,
|
|
137
166
|
ping: 0,
|
|
@@ -139,6 +168,9 @@ export class ClapprNerdStats extends UICorePlugin {
|
|
|
139
168
|
};
|
|
140
169
|
configureSpeedTest(core.options.clapprNerdStats?.speedTestServers ?? []);
|
|
141
170
|
}
|
|
171
|
+
/**
|
|
172
|
+
* @internal
|
|
173
|
+
*/
|
|
142
174
|
bindEvents() {
|
|
143
175
|
const mediaControl = this.core.getPlugin('media_control');
|
|
144
176
|
assert(mediaControl, 'media_control plugin is required');
|
|
@@ -178,9 +210,11 @@ export class ClapprNerdStats extends UICorePlugin {
|
|
|
178
210
|
this.core.$el.find(this.statsBoxElem).show();
|
|
179
211
|
this.showing = true;
|
|
180
212
|
this.refreshSpeedTest();
|
|
181
|
-
initSpeedTest(this.customMetrics)
|
|
213
|
+
initSpeedTest(this.customMetrics)
|
|
214
|
+
.then(() => {
|
|
182
215
|
startSpeedtest();
|
|
183
|
-
})
|
|
216
|
+
})
|
|
217
|
+
.catch((e) => {
|
|
184
218
|
reportError(e);
|
|
185
219
|
this.disable();
|
|
186
220
|
});
|
|
@@ -195,13 +229,19 @@ export class ClapprNerdStats extends UICorePlugin {
|
|
|
195
229
|
}
|
|
196
230
|
addGeneralMetrics() {
|
|
197
231
|
this.metrics.general = {
|
|
198
|
-
displayResolution:
|
|
199
|
-
volume: this.container?.volume
|
|
232
|
+
displayResolution: this.playerWidth + 'x' + this.playerHeight,
|
|
233
|
+
volume: this.container?.volume,
|
|
200
234
|
};
|
|
201
235
|
}
|
|
202
236
|
addCustomMetrics() {
|
|
203
237
|
this.metrics.custom = this.customMetrics;
|
|
204
|
-
const videoQualityNames = [
|
|
238
|
+
const videoQualityNames = [
|
|
239
|
+
'SD (480p)',
|
|
240
|
+
'HD (720p)',
|
|
241
|
+
'Full HD (1080p)',
|
|
242
|
+
'2K (1440p)',
|
|
243
|
+
'4K (2160p)',
|
|
244
|
+
];
|
|
205
245
|
const { connectionSpeed, ping } = this.customMetrics;
|
|
206
246
|
if (!connectionSpeed || !ping) {
|
|
207
247
|
const calculatingText = 'Calculating... Please wait.';
|
|
@@ -213,17 +253,19 @@ export class ClapprNerdStats extends UICorePlugin {
|
|
|
213
253
|
const pingQuality = getPingQuality(ping);
|
|
214
254
|
const liveQuality = Math.min(downloadQuality, pingQuality);
|
|
215
255
|
const prefix = 'Optimal for ';
|
|
216
|
-
this.metrics.custom.vodQuality =
|
|
217
|
-
|
|
256
|
+
this.metrics.custom.vodQuality =
|
|
257
|
+
prefix + videoQualityNames[downloadQuality - 1];
|
|
258
|
+
this.metrics.custom.liveQuality =
|
|
259
|
+
prefix + videoQualityNames[liveQuality - 1];
|
|
218
260
|
}
|
|
219
261
|
updateMetrics(metrics) {
|
|
220
262
|
Object.assign(this.metrics, metrics);
|
|
221
263
|
this.addGeneralMetrics();
|
|
222
264
|
this.addCustomMetrics();
|
|
223
265
|
const scrollTop = this.core.$el.find(this.statsBoxElem).scrollTop();
|
|
224
|
-
this.$el.html(
|
|
266
|
+
this.$el.html(ClapprNerdStats.template({
|
|
225
267
|
metrics: Formatter.format(this.metrics),
|
|
226
|
-
iconPosition: this.iconPosition
|
|
268
|
+
iconPosition: this.iconPosition,
|
|
227
269
|
}));
|
|
228
270
|
this.setStatsBoxSize();
|
|
229
271
|
drawSpeedTestResults();
|
|
@@ -243,7 +285,11 @@ export class ClapprNerdStats extends UICorePlugin {
|
|
|
243
285
|
this.$el.find(this.statsBoxElem).addClass('narrow');
|
|
244
286
|
}
|
|
245
287
|
}
|
|
288
|
+
/**
|
|
289
|
+
* @internal
|
|
290
|
+
*/
|
|
246
291
|
render() {
|
|
292
|
+
// TODO append to the container
|
|
247
293
|
this.core.$el.append(this.$el[0]);
|
|
248
294
|
this.hide();
|
|
249
295
|
return this;
|
|
@@ -5,8 +5,11 @@ import '../../../assets/dvr-controls/dvr_controls.scss';
|
|
|
5
5
|
* @beta
|
|
6
6
|
*
|
|
7
7
|
* @remarks
|
|
8
|
-
*
|
|
9
|
-
*
|
|
8
|
+
* Depends on:
|
|
9
|
+
*
|
|
10
|
+
* - {@link MediaControl | media_control}
|
|
11
|
+
*
|
|
12
|
+
* The plugin renders the live stream indicator and the DVR seek bar, if DVR is enabled, in the media control UI.
|
|
10
13
|
*/
|
|
11
14
|
export declare class DvrControls extends UICorePlugin {
|
|
12
15
|
private static readonly template;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DvrControls.d.ts","sourceRoot":"","sources":["../../../src/plugins/dvr-controls/DvrControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAoB,YAAY,EAAY,MAAM,cAAc,CAAC;AAM9E,OAAO,gDAAgD,CAAC;AAExD
|
|
1
|
+
{"version":3,"file":"DvrControls.d.ts","sourceRoot":"","sources":["../../../src/plugins/dvr-controls/DvrControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAoB,YAAY,EAAY,MAAM,cAAc,CAAC;AAM9E,OAAO,gDAAgD,CAAC;AAExD;;;;;;;;;;GAUG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAqB;IAErD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED;;OAEG;IACH,IAAa,UAAU;;;MAKtB;gBAEW,IAAI,EAAE,IAAI;IAKtB;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,KAAK;IAab,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACM,MAAM;CAehB"}
|
|
@@ -8,8 +8,11 @@ import '../../../assets/dvr-controls/dvr_controls.scss';
|
|
|
8
8
|
* @beta
|
|
9
9
|
*
|
|
10
10
|
* @remarks
|
|
11
|
-
*
|
|
12
|
-
*
|
|
11
|
+
* Depends on:
|
|
12
|
+
*
|
|
13
|
+
* - {@link MediaControl | media_control}
|
|
14
|
+
*
|
|
15
|
+
* The plugin renders the live stream indicator and the DVR seek bar, if DVR is enabled, in the media control UI.
|
|
13
16
|
*/
|
|
14
17
|
export class DvrControls extends UICorePlugin {
|
|
15
18
|
static template = template(dvrHTML);
|
|
@@ -7,6 +7,11 @@ type PresentationalError = {
|
|
|
7
7
|
icon: string;
|
|
8
8
|
reloadIcon: string;
|
|
9
9
|
};
|
|
10
|
+
/**
|
|
11
|
+
* Displays a descriptive error in the overlay on top of the player.
|
|
12
|
+
* @beta
|
|
13
|
+
* TODO
|
|
14
|
+
*/
|
|
10
15
|
export declare class ErrorScreen extends UICorePlugin {
|
|
11
16
|
private _retry;
|
|
12
17
|
private err;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorScreen.d.ts","sourceRoot":"","sources":["../../../src/plugins/error-screen/ErrorScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAiC,MAAM,cAAc,CAAC;AAQ3E,OAAO,gDAAgD,CAAC;AAaxD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAID,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,MAAM,CAAK;IAEnB,OAAO,CAAC,GAAG,CAAoC;IAE/C,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,YAAY,CAA4B;IAEhD,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,QAAQ,QAEX;IAED,IAAI,SAAS,QAEZ;IAED,IAAa,UAAU;;;MAKtB;IAEQ,UAAU;IAQnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,YAAY;IAWpB,YAAY;IASZ,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,OAAO;IAqDf,OAAO,CAAC,MAAM;IAad,IAAI,CAAC,GAAG,CAAC,EAAE,mBAAmB;IAU9B,IAAI;IAIK,MAAM;CAYhB"}
|
|
1
|
+
{"version":3,"file":"ErrorScreen.d.ts","sourceRoot":"","sources":["../../../src/plugins/error-screen/ErrorScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAiC,MAAM,cAAc,CAAC;AAQ3E,OAAO,gDAAgD,CAAC;AAaxD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAID;;;;GAIG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,MAAM,CAAK;IAEnB,OAAO,CAAC,GAAG,CAAoC;IAE/C,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,YAAY,CAA4B;IAEhD,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,QAAQ,QAEX;IAED,IAAI,SAAS,QAEZ;IAED,IAAa,UAAU;;;MAKtB;IAEQ,UAAU;IAQnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,YAAY;IAWpB,YAAY;IASZ,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,OAAO;IAqDf,OAAO,CAAC,MAAM;IAad,IAAI,CAAC,GAAG,CAAC,EAAE,mBAAmB;IAU9B,IAAI;IAIK,MAAM;CAYhB"}
|
|
@@ -7,6 +7,11 @@ import '../../../assets/error-screen/error_screen.scss';
|
|
|
7
7
|
const TIME_FOR_UPDATE = 10000;
|
|
8
8
|
const MAX_RETRY = 10;
|
|
9
9
|
const T = 'plugins.error_screen';
|
|
10
|
+
/**
|
|
11
|
+
* Displays a descriptive error in the overlay on top of the player.
|
|
12
|
+
* @beta
|
|
13
|
+
* TODO
|
|
14
|
+
*/
|
|
10
15
|
export class ErrorScreen extends UICorePlugin {
|
|
11
16
|
_retry = 0;
|
|
12
17
|
err = null;
|
package/lib/plugins/index.d.ts
CHANGED
|
@@ -28,11 +28,10 @@ export * from "./poster/Poster.js";
|
|
|
28
28
|
export * from "./seek-time/SeekTime.js";
|
|
29
29
|
export * from "./share/Share.js";
|
|
30
30
|
export * from "./skip-time/SkipTime.js";
|
|
31
|
+
export * from "./source-controller/SourceController.js";
|
|
31
32
|
export * from "./spinner-three-bounce/SpinnerThreeBounce.js";
|
|
32
|
-
export * from "./statistics/Statistics.js";
|
|
33
33
|
export * from "./subtitles/Subtitles.js";
|
|
34
|
+
export * from "./telemetry/Telemetry.js";
|
|
34
35
|
export * from "./thumbnails/Thumbnails.js";
|
|
35
|
-
export { setTracer } from "@gcorevideo/utils";
|
|
36
|
-
export * from "./source-controller/SourceController.js";
|
|
37
36
|
export * from "./volume-fade/VolumeFade.js";
|
|
38
37
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wCAAwC,CAAC;AACvD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AAErC,cAAc,uCAAuC,CAAC;AACtD,cAAc,iBAAiB,CAAC;AAChC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AACzD,cAAc,iCAAiC,CAAC;AAChD,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wCAAwC,CAAC;AACvD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AAErC,cAAc,uCAAuC,CAAC;AACtD,cAAc,iBAAiB,CAAC;AAChC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AACzD,cAAc,iCAAiC,CAAC;AAChD,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,6BAA6B,CAAC"}
|
package/lib/plugins/index.js
CHANGED
|
@@ -29,12 +29,11 @@ export * from "./poster/Poster.js";
|
|
|
29
29
|
export * from "./seek-time/SeekTime.js";
|
|
30
30
|
export * from "./share/Share.js";
|
|
31
31
|
export * from "./skip-time/SkipTime.js";
|
|
32
|
+
export * from "./source-controller/SourceController.js";
|
|
32
33
|
export * from "./spinner-three-bounce/SpinnerThreeBounce.js";
|
|
33
|
-
export * from "./statistics/Statistics.js";
|
|
34
34
|
export * from "./subtitles/Subtitles.js";
|
|
35
|
+
export * from "./telemetry/Telemetry.js";
|
|
35
36
|
export * from "./thumbnails/Thumbnails.js";
|
|
36
|
-
export { setTracer } from "@gcorevideo/utils";
|
|
37
|
-
export * from "./source-controller/SourceController.js";
|
|
38
37
|
// _ vast-ads
|
|
39
38
|
// _ video360
|
|
40
39
|
export * from "./volume-fade/VolumeFade.js";
|
|
@@ -1,20 +1,48 @@
|
|
|
1
1
|
import { UICorePlugin } from '@clappr/core';
|
|
2
2
|
import '../../../assets/picture-in-picture/button.scss';
|
|
3
|
+
/**
|
|
4
|
+
* Enables picture in picture mode.
|
|
5
|
+
* @beta
|
|
6
|
+
* @remarks
|
|
7
|
+
* Depends on:
|
|
8
|
+
*
|
|
9
|
+
* - {@link MediaControl}
|
|
10
|
+
*
|
|
11
|
+
* It renders a button to toggle picture in picture mode in the media control UI.
|
|
12
|
+
*/
|
|
3
13
|
export declare class PictureInPicture extends UICorePlugin {
|
|
14
|
+
/**
|
|
15
|
+
* @internal
|
|
16
|
+
*/
|
|
4
17
|
get name(): string;
|
|
18
|
+
/**
|
|
19
|
+
* @internal
|
|
20
|
+
*/
|
|
5
21
|
get supportedVersion(): {
|
|
6
22
|
min: string;
|
|
7
23
|
};
|
|
24
|
+
/**
|
|
25
|
+
* @internal
|
|
26
|
+
*/
|
|
8
27
|
static get version(): string;
|
|
28
|
+
/**
|
|
29
|
+
* @internal
|
|
30
|
+
*/
|
|
9
31
|
get events(): {
|
|
10
32
|
'click button': string;
|
|
11
33
|
};
|
|
12
|
-
get videoElement()
|
|
34
|
+
private get videoElement();
|
|
35
|
+
/**
|
|
36
|
+
* @internal
|
|
37
|
+
*/
|
|
13
38
|
bindEvents(): void;
|
|
14
39
|
private isPiPSupported;
|
|
40
|
+
/**
|
|
41
|
+
* @internal
|
|
42
|
+
*/
|
|
15
43
|
render(): this;
|
|
16
|
-
togglePictureInPicture
|
|
17
|
-
requestPictureInPicture
|
|
18
|
-
exitPictureInPicture
|
|
44
|
+
private togglePictureInPicture;
|
|
45
|
+
private requestPictureInPicture;
|
|
46
|
+
private exitPictureInPicture;
|
|
19
47
|
}
|
|
20
48
|
//# sourceMappingURL=PictureInPicture.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PictureInPicture.d.ts","sourceRoot":"","sources":["../../../src/plugins/picture-in-picture/PictureInPicture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,MAAM,cAAc,CAAC;AAO9D,OAAO,gDAAgD,CAAC;AAMxD,qBAAa,gBAAiB,SAAQ,YAAY;IAChD,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,IAAa,MAAM;;MAIlB;IAED,
|
|
1
|
+
{"version":3,"file":"PictureInPicture.d.ts","sourceRoot":"","sources":["../../../src/plugins/picture-in-picture/PictureInPicture.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,MAAM,cAAc,CAAC;AAO9D,OAAO,gDAAgD,CAAC;AAMxD;;;;;;;;;GASG;AACH,qBAAa,gBAAiB,SAAQ,YAAY;IAChD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED;;OAEG;IACM,UAAU;IAInB,OAAO,CAAC,cAAc;IAStB;;OAEG;IACM,MAAM;IAiBf,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,oBAAoB;CAI7B"}
|