@gcorevideo/player 2.22.16 → 2.22.18

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.
Files changed (104) hide show
  1. package/assets/clappr-nerd-stats/clappr-nerd-stats.ejs +76 -78
  2. package/assets/clappr-nerd-stats/clappr-nerd-stats.scss +10 -7
  3. package/dist/core.js +10 -14
  4. package/dist/index.css +1441 -1440
  5. package/dist/index.js +589 -522
  6. package/dist/player.d.ts +216 -159
  7. package/dist/plugins/index.css +1204 -1203
  8. package/dist/plugins/index.js +581 -506
  9. package/docs/api/player.clapprstats.exportmetrics.md +1 -1
  10. package/docs/api/player.clapprstats.md +5 -15
  11. package/docs/api/player.clapprstatssettings.md +13 -0
  12. package/docs/api/player.clips.destroy.md +18 -0
  13. package/docs/api/player.clips.disable.md +18 -0
  14. package/docs/api/player.clips.enable.md +18 -0
  15. package/docs/api/player.clips.md +170 -0
  16. package/docs/api/player.clips.render.md +18 -0
  17. package/docs/api/player.clips.supportedversion.md +16 -0
  18. package/docs/api/player.clips.version.md +14 -0
  19. package/docs/api/player.clipspluginsettings.md +2 -2
  20. package/docs/api/player.clipspluginsettings.text.md +1 -1
  21. package/docs/api/player.md +27 -18
  22. package/docs/api/player.mediacontrol.md +1 -1
  23. package/docs/api/{player.mediacontrol.getelement.md → player.mediacontrol.mount.md} +20 -7
  24. package/docs/api/player.mediacontrolleftelement.md +1 -1
  25. package/docs/api/{player.clapprnerdstats._constructor_.md → player.nerdstats._constructor_.md} +3 -3
  26. package/docs/api/{player.clapprnerdstats.md → player.nerdstats.md} +5 -5
  27. package/docs/api/player.qualitylevel.height.md +1 -1
  28. package/docs/api/player.qualitylevel.level.md +1 -1
  29. package/docs/api/player.qualitylevel.md +4 -4
  30. package/docs/api/player.qualitylevel.width.md +1 -1
  31. package/docs/api/player.timeposition.current.md +1 -1
  32. package/docs/api/player.timeposition.md +2 -2
  33. package/docs/api/player.timeposition.total.md +1 -1
  34. package/docs/api/player.timeprogress.md +6 -4
  35. package/docs/api/player.timevalue.md +1 -1
  36. package/lib/index.plugins.d.ts +2 -1
  37. package/lib/index.plugins.d.ts.map +1 -1
  38. package/lib/index.plugins.js +2 -1
  39. package/lib/playback/dash-playback/DashPlayback.d.ts +0 -1
  40. package/lib/playback/dash-playback/DashPlayback.d.ts.map +1 -1
  41. package/lib/playback/dash-playback/DashPlayback.js +9 -12
  42. package/lib/playback/hls-playback/HlsPlayback.d.ts +1 -1
  43. package/lib/playback/hls-playback/HlsPlayback.d.ts.map +1 -1
  44. package/lib/playback/hls-playback/HlsPlayback.js +0 -1
  45. package/lib/playback.types.d.ts +24 -12
  46. package/lib/playback.types.d.ts.map +1 -1
  47. package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.d.ts +4 -0
  48. package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.d.ts.map +1 -1
  49. package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.js +20 -23
  50. package/lib/plugins/clappr-nerd-stats/NerdStats.d.ts +86 -0
  51. package/lib/plugins/clappr-nerd-stats/NerdStats.d.ts.map +1 -0
  52. package/lib/plugins/clappr-nerd-stats/NerdStats.js +390 -0
  53. package/lib/plugins/clappr-nerd-stats/formatter.d.ts +5 -0
  54. package/lib/plugins/clappr-nerd-stats/formatter.d.ts.map +1 -1
  55. package/lib/plugins/clappr-nerd-stats/formatter.js +56 -24
  56. package/lib/plugins/clappr-nerd-stats/speedtest/index.d.ts +2 -2
  57. package/lib/plugins/clappr-nerd-stats/speedtest/index.d.ts.map +1 -1
  58. package/lib/plugins/clappr-nerd-stats/speedtest/types.d.ts +1 -1
  59. package/lib/plugins/clappr-nerd-stats/speedtest/types.d.ts.map +1 -1
  60. package/lib/plugins/clappr-nerd-stats/types.d.ts +3 -0
  61. package/lib/plugins/clappr-nerd-stats/types.d.ts.map +1 -1
  62. package/lib/plugins/clappr-nerd-stats/utils.d.ts +7 -0
  63. package/lib/plugins/clappr-nerd-stats/utils.d.ts.map +1 -0
  64. package/lib/plugins/clappr-nerd-stats/utils.js +67 -0
  65. package/lib/plugins/clappr-stats/ClapprStats.d.ts +27 -32
  66. package/lib/plugins/clappr-stats/ClapprStats.d.ts.map +1 -1
  67. package/lib/plugins/clappr-stats/ClapprStats.js +94 -202
  68. package/lib/plugins/clappr-stats/types.d.ts +65 -25
  69. package/lib/plugins/clappr-stats/types.d.ts.map +1 -1
  70. package/lib/plugins/clappr-stats/types.js +37 -2
  71. package/lib/plugins/clappr-stats/utils.d.ts +1 -1
  72. package/lib/plugins/clappr-stats/utils.d.ts.map +1 -1
  73. package/lib/plugins/clappr-stats/utils.js +1 -3
  74. package/lib/plugins/seek-time/SeekTime.d.ts +1 -1
  75. package/lib/plugins/seek-time/SeekTime.d.ts.map +1 -1
  76. package/lib/plugins/seek-time/SeekTime.js +3 -4
  77. package/lib/testUtils.d.ts +2 -1
  78. package/lib/testUtils.d.ts.map +1 -1
  79. package/lib/testUtils.js +3 -2
  80. package/package.json +1 -1
  81. package/src/index.plugins.ts +2 -1
  82. package/src/playback/dash-playback/DashPlayback.ts +10 -15
  83. package/src/playback/hls-playback/HlsPlayback.ts +2 -4
  84. package/src/playback.types.ts +25 -11
  85. package/src/plugins/clappr-nerd-stats/NerdStats.ts +503 -0
  86. package/src/plugins/clappr-nerd-stats/formatter.ts +91 -47
  87. package/src/plugins/clappr-nerd-stats/speedtest/index.ts +2 -2
  88. package/src/plugins/clappr-nerd-stats/speedtest/types.ts +1 -1
  89. package/src/plugins/clappr-nerd-stats/types.ts +43 -3
  90. package/src/plugins/clappr-nerd-stats/utils.ts +75 -0
  91. package/src/plugins/clappr-stats/ClapprStats.ts +242 -306
  92. package/src/plugins/clappr-stats/__tests__/ClapprStats.test.ts +133 -0
  93. package/src/plugins/clappr-stats/types.ts +93 -47
  94. package/src/plugins/clappr-stats/utils.ts +4 -6
  95. package/src/plugins/error-screen/__tests__/ErrorScreen.test.ts +3 -4
  96. package/src/plugins/seek-time/SeekTime.ts +4 -5
  97. package/src/plugins/subtitles/__tests__/ClosedCaptions.test.ts +1 -0
  98. package/src/testUtils.ts +3 -2
  99. package/temp/player.api.json +311 -159
  100. package/tsconfig.tsbuildinfo +1 -1
  101. package/docs/api/player.clapprstats.setupdatemetrics.md +0 -56
  102. package/docs/api/player.clipsplugin.gettext.md +0 -58
  103. package/docs/api/player.clipsplugin.md +0 -59
  104. package/src/plugins/clappr-nerd-stats/ClapprNerdStats.ts +0 -435
@@ -18,5 +18,5 @@ exportMetrics(): Metrics;
18
18
 
19
19
  Metrics
20
20
 
21
- Currently collected metrics
21
+ Measurements collected so far
22
22
 
@@ -7,7 +7,7 @@
7
7
  > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
8
  >
9
9
 
10
- `PLUGIN` that collects useful statistics about playback performance.
10
+ `PLUGIN` that measures data about playback, which can be useful for analyzing performance and UX.
11
11
 
12
12
  **Signature:**
13
13
 
@@ -20,6 +20,10 @@ export declare class ClapprStats extends ContainerPlugin
20
20
 
21
21
  This plugin does not render anything and is supposed to be extended or used together with other plugins that actually render something.
22
22
 
23
+ Configuration options - [ClapprStatsSettings](./player.clapprstatssettings.md)
24
+
25
+ Events -
26
+
23
27
  ## Constructors
24
28
 
25
29
  <table><thead><tr><th>
@@ -85,19 +89,5 @@ Description
85
89
  **_(BETA)_** Returns the collected metrics.
86
90
 
87
91
 
88
- </td></tr>
89
- <tr><td>
90
-
91
- [setUpdateMetrics(updateMetricsFn)](./player.clapprstats.setupdatemetrics.md)
92
-
93
-
94
- </td><td>
95
-
96
-
97
- </td><td>
98
-
99
- **_(BETA)_** Registers a callback to receive the metrics.
100
-
101
-
102
92
  </td></tr>
103
93
  </tbody></table>
@@ -0,0 +1,13 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [ClapprStatsSettings](./player.clapprstatssettings.md)
4
+
5
+ ## ClapprStatsSettings type
6
+
7
+ **Signature:**
8
+
9
+ ```typescript
10
+ export type ClapprStatsSettings = {
11
+ runEach?: number;
12
+ };
13
+ ```
@@ -0,0 +1,18 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [Clips](./player.clips.md) &gt; [destroy](./player.clips.destroy.md)
4
+
5
+ ## Clips.destroy() method
6
+
7
+ > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
+ >
9
+
10
+ **Signature:**
11
+
12
+ ```typescript
13
+ destroy(): import("@clappr/core").UIObject;
14
+ ```
15
+ **Returns:**
16
+
17
+ import("@clappr/core").UIObject
18
+
@@ -0,0 +1,18 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [Clips](./player.clips.md) &gt; [disable](./player.clips.disable.md)
4
+
5
+ ## Clips.disable() method
6
+
7
+ > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
+ >
9
+
10
+ **Signature:**
11
+
12
+ ```typescript
13
+ disable(): void;
14
+ ```
15
+ **Returns:**
16
+
17
+ void
18
+
@@ -0,0 +1,18 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [Clips](./player.clips.md) &gt; [enable](./player.clips.enable.md)
4
+
5
+ ## Clips.enable() method
6
+
7
+ > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
+ >
9
+
10
+ **Signature:**
11
+
12
+ ```typescript
13
+ enable(): void;
14
+ ```
15
+ **Returns:**
16
+
17
+ void
18
+
@@ -0,0 +1,170 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [Clips](./player.clips.md)
4
+
5
+ ## Clips class
6
+
7
+ > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
+ >
9
+
10
+ `PLUGIN` that allows marking up the timeline of the video
11
+
12
+ **Signature:**
13
+
14
+ ```typescript
15
+ export declare class Clips extends UICorePlugin
16
+ ```
17
+ **Extends:** UICorePlugin
18
+
19
+ ## Remarks
20
+
21
+ The plugin decorates the seekbar with notches to indicate the clips of the video and displays current clip text in the left panel
22
+
23
+ Depends on:
24
+
25
+ - [MediaControl](./player.mediacontrol.md)
26
+
27
+ Configuration options - [ClipsPluginSettings](./player.clipspluginsettings.md)
28
+
29
+ ## Properties
30
+
31
+ <table><thead><tr><th>
32
+
33
+ Property
34
+
35
+
36
+ </th><th>
37
+
38
+ Modifiers
39
+
40
+
41
+ </th><th>
42
+
43
+ Type
44
+
45
+
46
+ </th><th>
47
+
48
+ Description
49
+
50
+
51
+ </th></tr></thead>
52
+ <tbody><tr><td>
53
+
54
+ [supportedVersion](./player.clips.supportedversion.md)
55
+
56
+
57
+ </td><td>
58
+
59
+ `readonly`
60
+
61
+
62
+ </td><td>
63
+
64
+ { min: string; }
65
+
66
+
67
+ </td><td>
68
+
69
+ **_(BETA)_**
70
+
71
+
72
+ </td></tr>
73
+ <tr><td>
74
+
75
+ [version](./player.clips.version.md)
76
+
77
+
78
+ </td><td>
79
+
80
+ `readonly`
81
+
82
+
83
+ </td><td>
84
+
85
+ string
86
+
87
+
88
+ </td><td>
89
+
90
+ **_(BETA)_**
91
+
92
+
93
+ </td></tr>
94
+ </tbody></table>
95
+
96
+ ## Methods
97
+
98
+ <table><thead><tr><th>
99
+
100
+ Method
101
+
102
+
103
+ </th><th>
104
+
105
+ Modifiers
106
+
107
+
108
+ </th><th>
109
+
110
+ Description
111
+
112
+
113
+ </th></tr></thead>
114
+ <tbody><tr><td>
115
+
116
+ [destroy()](./player.clips.destroy.md)
117
+
118
+
119
+ </td><td>
120
+
121
+
122
+ </td><td>
123
+
124
+ **_(BETA)_**
125
+
126
+
127
+ </td></tr>
128
+ <tr><td>
129
+
130
+ [disable()](./player.clips.disable.md)
131
+
132
+
133
+ </td><td>
134
+
135
+
136
+ </td><td>
137
+
138
+ **_(BETA)_**
139
+
140
+
141
+ </td></tr>
142
+ <tr><td>
143
+
144
+ [enable()](./player.clips.enable.md)
145
+
146
+
147
+ </td><td>
148
+
149
+
150
+ </td><td>
151
+
152
+ **_(BETA)_**
153
+
154
+
155
+ </td></tr>
156
+ <tr><td>
157
+
158
+ [render()](./player.clips.render.md)
159
+
160
+
161
+ </td><td>
162
+
163
+
164
+ </td><td>
165
+
166
+ **_(BETA)_**
167
+
168
+
169
+ </td></tr>
170
+ </tbody></table>
@@ -0,0 +1,18 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [Clips](./player.clips.md) &gt; [render](./player.clips.render.md)
4
+
5
+ ## Clips.render() method
6
+
7
+ > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
+ >
9
+
10
+ **Signature:**
11
+
12
+ ```typescript
13
+ render(): this;
14
+ ```
15
+ **Returns:**
16
+
17
+ this
18
+
@@ -0,0 +1,16 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [Clips](./player.clips.md) &gt; [supportedVersion](./player.clips.supportedversion.md)
4
+
5
+ ## Clips.supportedVersion property
6
+
7
+ > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
+ >
9
+
10
+ **Signature:**
11
+
12
+ ```typescript
13
+ get supportedVersion(): {
14
+ min: string;
15
+ };
16
+ ```
@@ -0,0 +1,14 @@
1
+ <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
+
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [Clips](./player.clips.md) &gt; [version](./player.clips.version.md)
4
+
5
+ ## Clips.version property
6
+
7
+ > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
+ >
9
+
10
+ **Signature:**
11
+
12
+ ```typescript
13
+ get version(): string;
14
+ ```
@@ -7,7 +7,7 @@
7
7
  > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
8
  >
9
9
 
10
- Configuration options for the [clips](./player.clipsplugin.md) plugin.
10
+ Configuration options for the plugin.
11
11
 
12
12
  **Signature:**
13
13
 
@@ -53,7 +53,7 @@ string
53
53
 
54
54
  </td><td>
55
55
 
56
- **_(BETA)_** The text to display over the seekbar.
56
+ **_(BETA)_** The compiled text of the clips description, one clip per line in format : `HH:MM:SS text` or `MM:SS text` or `SS text`
57
57
 
58
58
 
59
59
  </td></tr>
@@ -7,7 +7,7 @@
7
7
  > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
8
  >
9
9
 
10
- The text to display over the seekbar.
10
+ The compiled text of the clips description, one clip per line in format : `HH:MM:SS text` or `MM:SS text` or `SS text`
11
11
 
12
12
  **Signature:**
13
13
 
@@ -75,17 +75,6 @@ Description
75
75
  **_(BETA)_** `PLUGIN` that adds a button to extend the media controls UI with extra options.
76
76
 
77
77
 
78
- </td></tr>
79
- <tr><td>
80
-
81
- [ClapprNerdStats](./player.clapprnerdstats.md)
82
-
83
-
84
- </td><td>
85
-
86
- **_(BETA)_** `PLUGIN` that displays useful network-related statistics.
87
-
88
-
89
78
  </td></tr>
90
79
  <tr><td>
91
80
 
@@ -94,7 +83,7 @@ Description
94
83
 
95
84
  </td><td>
96
85
 
97
- **_(BETA)_** `PLUGIN` that collects useful statistics about playback performance.
86
+ **_(BETA)_** `PLUGIN` that measures data about playback, which can be useful for analyzing performance and UX.
98
87
 
99
88
 
100
89
  </td></tr>
@@ -111,12 +100,12 @@ Description
111
100
  </td></tr>
112
101
  <tr><td>
113
102
 
114
- [ClipsPlugin](./player.clipsplugin.md)
103
+ [Clips](./player.clips.md)
115
104
 
116
105
 
117
106
  </td><td>
118
107
 
119
- **_(BETA)_** `PLUGIN` that shows text over the seekbar to indicate the current clip.
108
+ **_(BETA)_** `PLUGIN` that allows marking up the timeline of the video
120
109
 
121
110
 
122
111
  </td></tr>
@@ -218,6 +207,17 @@ Description
218
207
  **_(BETA)_** `PLUGIN` that adds support for loading multiple streams and switching between them using the media control UI.
219
208
 
220
209
 
210
+ </td></tr>
211
+ <tr><td>
212
+
213
+ [NerdStats](./player.nerdstats.md)
214
+
215
+
216
+ </td><td>
217
+
218
+ **_(BETA)_** `PLUGIN` that displays useful network-related statistics.
219
+
220
+
221
221
  </td></tr>
222
222
  <tr><td>
223
223
 
@@ -491,7 +491,7 @@ Description
491
491
 
492
492
  </td><td>
493
493
 
494
- **_(BETA)_** Configuration options for the [clips](./player.clipsplugin.md) plugin.
494
+ **_(BETA)_** Configuration options for the plugin.
495
495
 
496
496
 
497
497
  </td></tr>
@@ -568,7 +568,7 @@ Describes a media source with its MIME type and URL.
568
568
 
569
569
  </td><td>
570
570
 
571
- A level of quality within a media source.
571
+ A level of quality within a media source/representation.
572
572
 
573
573
 
574
574
  </td></tr>
@@ -655,6 +655,15 @@ Description
655
655
  </th></tr></thead>
656
656
  <tbody><tr><td>
657
657
 
658
+ [ClapprStatsSettings](./player.clapprstatssettings.md)
659
+
660
+
661
+ </td><td>
662
+
663
+
664
+ </td></tr>
665
+ <tr><td>
666
+
658
667
  [ClosedCaptionsPluginSettings](./player.closedcaptionspluginsettings.md)
659
668
 
660
669
 
@@ -995,7 +1004,7 @@ A media source to fetch the media data from
995
1004
 
996
1005
  </td><td>
997
1006
 
998
- **_(BETA)_** For the plugin development
1007
+ **_(BETA)_** Time progress information indicated by Clappr CONTAINER\_PROGRESS and PLAYBACK\_PROGRESS events.
999
1008
 
1000
1009
 
1001
1010
  </td></tr>
@@ -1017,7 +1026,7 @@ A media source to fetch the media data from
1017
1026
 
1018
1027
  </td><td>
1019
1028
 
1020
- Playback time in seconds since the beginning of the stream (or a segment for the live streams)
1029
+ Playback time position in seconds since the beginning of the stream. For the live streams this is limited to the length of a segment. When DVR is enabled, this refers to the
1021
1030
 
1022
1031
 
1023
1032
  </td></tr>
@@ -226,7 +226,7 @@ Description
226
226
  </td></tr>
227
227
  <tr><td>
228
228
 
229
- [getElement(name)](./player.mediacontrol.getelement.md)
229
+ [mount(name, element)](./player.mediacontrol.mount.md)
230
230
 
231
231
 
232
232
  </td><td>
@@ -1,8 +1,8 @@
1
1
  <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
2
 
3
- [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [MediaControl](./player.mediacontrol.md) &gt; [getElement](./player.mediacontrol.getelement.md)
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [MediaControl](./player.mediacontrol.md) &gt; [mount](./player.mediacontrol.mount.md)
4
4
 
5
- ## MediaControl.getElement() method
5
+ ## MediaControl.mount() method
6
6
 
7
7
  > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
8
  >
@@ -17,7 +17,7 @@ Get a media control element DOM node
17
17
  **Signature:**
18
18
 
19
19
  ```typescript
20
- getElement(name: MediaControlElement): ZeptoResult | null;
20
+ mount(name: MediaControlElement, element: ZeptoResult): void;
21
21
  ```
22
22
 
23
23
  ## Parameters
@@ -53,11 +53,25 @@ name
53
53
  The name of the media control element
54
54
 
55
55
 
56
+ </td></tr>
57
+ <tr><td>
58
+
59
+ element
60
+
61
+
62
+ </td><td>
63
+
64
+ [ZeptoResult](./player.zeptoresult.md)
65
+
66
+
67
+ </td><td>
68
+
69
+
56
70
  </td></tr>
57
71
  </tbody></table>
58
72
  **Returns:**
59
73
 
60
- [ZeptoResult](./player.zeptoresult.md) \| null
74
+ void
61
75
 
62
76
  The DOM node to render to or extend
63
77
 
@@ -71,9 +85,8 @@ Use this method to render custom media control UI in a plugin
71
85
  ```ts
72
86
  class MyPlugin extends UICorePlugin {
73
87
  override render() {
74
- const mediaControl = this.core.getPlugin('media_control')
75
- const clipText = mediaControl.getElement('clipText')
76
- clipText?.el.text('Here we go')
88
+ this.$el.html('<div data-clips>Here we go</div>')
89
+ this.core.getPlugin('media_control').mount('clips', this.$el)
77
90
  return this
78
91
  }
79
92
  }
@@ -12,5 +12,5 @@ Media control elements that appear in the left area.
12
12
  **Signature:**
13
13
 
14
14
  ```typescript
15
- export type MediaControlLeftElement = 'clipText' | 'duration' | 'dvr' | 'playpause' | 'playstop' | 'position' | 'volume';
15
+ export type MediaControlLeftElement = 'clipText' | 'duration' | 'dvr' | 'playpause' | 'playstop' | 'position' | 'volume' | 'clips';
16
16
  ```
@@ -1,13 +1,13 @@
1
1
  <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
2
 
3
- [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [ClapprNerdStats](./player.clapprnerdstats.md) &gt; [(constructor)](./player.clapprnerdstats._constructor_.md)
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [NerdStats](./player.nerdstats.md) &gt; [(constructor)](./player.nerdstats._constructor_.md)
4
4
 
5
- ## ClapprNerdStats.(constructor)
5
+ ## NerdStats.(constructor)
6
6
 
7
7
  > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
8
  >
9
9
 
10
- Constructs a new instance of the `ClapprNerdStats` class
10
+ Constructs a new instance of the `NerdStats` class
11
11
 
12
12
  **Signature:**
13
13
 
@@ -1,8 +1,8 @@
1
1
  <!-- Do not edit this file. It is automatically generated by API Documenter. -->
2
2
 
3
- [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [ClapprNerdStats](./player.clapprnerdstats.md)
3
+ [Home](./index.md) &gt; [@gcorevideo/player](./player.md) &gt; [NerdStats](./player.nerdstats.md)
4
4
 
5
- ## ClapprNerdStats class
5
+ ## NerdStats class
6
6
 
7
7
  > This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
8
8
  >
@@ -12,7 +12,7 @@
12
12
  **Signature:**
13
13
 
14
14
  ```typescript
15
- export declare class ClapprNerdStats extends UICorePlugin
15
+ export declare class NerdStats extends UICorePlugin
16
16
  ```
17
17
  **Extends:** UICorePlugin
18
18
 
@@ -48,7 +48,7 @@ Description
48
48
  </th></tr></thead>
49
49
  <tbody><tr><td>
50
50
 
51
- [(constructor)(core)](./player.clapprnerdstats._constructor_.md)
51
+ [(constructor)(core)](./player.nerdstats._constructor_.md)
52
52
 
53
53
 
54
54
  </td><td>
@@ -56,7 +56,7 @@ Description
56
56
 
57
57
  </td><td>
58
58
 
59
- **_(BETA)_** Constructs a new instance of the `ClapprNerdStats` class
59
+ **_(BETA)_** Constructs a new instance of the `NerdStats` class
60
60
 
61
61
 
62
62
  </td></tr>
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## QualityLevel.height property
6
6
 
7
- Height of the video, pixels.
7
+ Height of the video frame, pixels.
8
8
 
9
9
  **Signature:**
10
10
 
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## QualityLevel.level property
6
6
 
7
- Zero-based index of the quality level.
7
+ Zero-based index of the quality level. Quality levels go from low to high
8
8
 
9
9
  **Signature:**
10
10
 
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## QualityLevel interface
6
6
 
7
- A level of quality within a media source.
7
+ A level of quality within a media source/representation.
8
8
 
9
9
  **Signature:**
10
10
 
@@ -69,7 +69,7 @@ number
69
69
 
70
70
  </td><td>
71
71
 
72
- Height of the video, pixels.
72
+ Height of the video frame, pixels.
73
73
 
74
74
 
75
75
  </td></tr>
@@ -88,7 +88,7 @@ number
88
88
 
89
89
  </td><td>
90
90
 
91
- Zero-based index of the quality level.
91
+ Zero-based index of the quality level. Quality levels go from low to high
92
92
 
93
93
 
94
94
  </td></tr>
@@ -107,7 +107,7 @@ number
107
107
 
108
108
  </td><td>
109
109
 
110
- Width of the video, pixels.
110
+ Width of the video frame, pixels.
111
111
 
112
112
 
113
113
  </td></tr>
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## QualityLevel.width property
6
6
 
7
- Width of the video, pixels.
7
+ Width of the video frame, pixels.
8
8
 
9
9
  **Signature:**
10
10
 
@@ -4,7 +4,7 @@
4
4
 
5
5
  ## TimePosition.current property
6
6
 
7
- Current playback time, 0..duration, seconds.
7
+ Current playback time, 0..duration
8
8
 
9
9
  **Signature:**
10
10