@mux/mux-player 0.1.0-beta.22 → 0.1.0-beta.23

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 (55) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/README.md +28 -28
  3. package/coverage/lcov-report/index.html +25 -25
  4. package/coverage/lcov-report/src/dialog.ts.html +1 -1
  5. package/coverage/lcov-report/src/errors.ts.html +1 -1
  6. package/coverage/lcov-report/src/helpers.ts.html +9 -81
  7. package/coverage/lcov-report/src/html.ts.html +1 -1
  8. package/coverage/lcov-report/src/index.html +30 -30
  9. package/coverage/lcov-report/src/index.ts.html +11 -95
  10. package/coverage/lcov-report/src/logger.ts.html +1 -1
  11. package/coverage/lcov-report/src/media-chrome/dialog.ts.html +1 -1
  12. package/coverage/lcov-report/src/media-chrome/index.html +1 -1
  13. package/coverage/lcov-report/src/media-chrome/time-display.ts.html +1 -1
  14. package/coverage/lcov-report/src/media-theme-mux/icons/airplay.svg.html +1 -1
  15. package/coverage/lcov-report/src/media-theme-mux/icons/captions-off.svg.html +1 -1
  16. package/coverage/lcov-report/src/media-theme-mux/icons/captions-on.svg.html +1 -1
  17. package/coverage/lcov-report/src/media-theme-mux/icons/fullscreen-enter.svg.html +1 -1
  18. package/coverage/lcov-report/src/media-theme-mux/icons/fullscreen-exit.svg.html +1 -1
  19. package/coverage/lcov-report/src/media-theme-mux/icons/index.html +1 -1
  20. package/coverage/lcov-report/src/media-theme-mux/icons/pause.svg.html +1 -1
  21. package/coverage/lcov-report/src/media-theme-mux/icons/pip-enter.svg.html +1 -1
  22. package/coverage/lcov-report/src/media-theme-mux/icons/pip-exit.svg.html +1 -1
  23. package/coverage/lcov-report/src/media-theme-mux/icons/play.svg.html +1 -1
  24. package/coverage/lcov-report/src/media-theme-mux/icons/seek-backward.svg.html +1 -1
  25. package/coverage/lcov-report/src/media-theme-mux/icons/seek-forward.svg.html +1 -1
  26. package/coverage/lcov-report/src/media-theme-mux/icons/volume-high.svg.html +1 -1
  27. package/coverage/lcov-report/src/media-theme-mux/icons/volume-low.svg.html +1 -1
  28. package/coverage/lcov-report/src/media-theme-mux/icons/volume-medium.svg.html +1 -1
  29. package/coverage/lcov-report/src/media-theme-mux/icons/volume-off.svg.html +1 -1
  30. package/coverage/lcov-report/src/media-theme-mux/icons.ts.html +1 -1
  31. package/coverage/lcov-report/src/media-theme-mux/index.html +16 -16
  32. package/coverage/lcov-report/src/media-theme-mux/media-theme-mux.ts.html +18 -27
  33. package/coverage/lcov-report/src/media-theme-mux/styles.css.html +8 -5
  34. package/coverage/lcov-report/src/styles.css.html +1 -1
  35. package/coverage/lcov-report/src/template.ts.html +6 -9
  36. package/coverage/lcov-report/src/utils.ts.html +1 -1
  37. package/coverage/lcov-report/src/video-api.ts.html +1 -1
  38. package/coverage/lcov.info +756 -836
  39. package/dist/index.cjs.js +160 -160
  40. package/dist/index.mjs +112 -112
  41. package/dist/mux-player.js +198 -198
  42. package/dist/mux-player.mjs +198 -198
  43. package/dist/tsconfig.tsbuildinfo +1 -1
  44. package/dist/types/helpers.d.ts +0 -3
  45. package/dist/types/media-theme-mux/media-theme-mux.d.ts +0 -1
  46. package/dist/types-ts3.4/helpers.d.ts +0 -3
  47. package/dist/types-ts3.4/media-theme-mux/media-theme-mux.d.ts +0 -1
  48. package/package.json +2 -2
  49. package/src/helpers.ts +0 -24
  50. package/src/index.ts +1 -29
  51. package/src/media-theme-mux/media-theme-mux.ts +7 -10
  52. package/src/media-theme-mux/styles.css +2 -1
  53. package/src/template.ts +0 -1
  54. package/src/types.d.ts +0 -3
  55. package/test/template.test.js +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.1.0-beta.23](https://github.com/muxinc/elements/compare/@mux/mux-player@0.1.0-beta.22...@mux/mux-player@0.1.0-beta.23) (2022-07-11)
7
+
8
+ **Note:** Version bump only for package @mux/mux-player
9
+
6
10
  # [0.1.0-beta.22](https://github.com/muxinc/elements/compare/@mux/mux-player@0.1.0-beta.21...@mux/mux-player@0.1.0-beta.22) (2022-07-05)
7
11
 
8
12
  **Note:** Version bump only for package @mux/mux-player
package/README.md CHANGED
@@ -138,34 +138,34 @@ If you prefer to use the in-code MSE-based engine (currently hls.js) whenever po
138
138
 
139
139
  ### Attributes
140
140
 
141
- | Attribute | Type | Description | Default |
142
- | -------------------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- |
143
- | `playback-id` | `string` | The playback ID for your Mux Asset or Mux Live Stream. This will also be used for automatically assigning a [poster image](https://docs.mux.com/guides/video/get-images-from-a-video) and (thumbnail previews)[https://docs.mux.com/guides/video/create-timeline-hover-previews]. For more, check out the [Mux Docs](https://docs.mux.com/guides/video/play-your-videos#1-get-your-playback-id). | N/A |
144
- | `env-key` | `string` | Your Mux Data environment key. Note that this is different than your API Key. Get your env key from the "Mux Data" part of your [Mux Environments Dashboard](https://dashboard.mux.com/environments). If undefined, the environment will be inferred based on your Mux Video asset. | `undefined` |
145
- | `playback-token` | `string` | The playback token for signing the `src` URL. | N/A |
146
- | `thumbnail-token` | `string` | The thumbnail token for signing the `poster` URL. | N/A |
147
- | `storyboard-token` | `string` | The storyboard token for signing the storyboard URL. | N/A |
148
- | `stream-type` | `"on-demand" \| "live" \| "ll-live"` | The type of stream associated with your Mux Asset. Used to determine what UI/controls to show and what optimizations to make for playback. | `"on-demand"` |
149
- | `audio` | `boolean` | Indicate that you want an "audio only" UI/chrome. This may be used for audio-only assets or audio+video assets. | `false` |
150
- | `metadata-video-title` | `string` | This is an arbitrary title for your video that will be passed in as metadata into Mux Data. Adding a title will give you useful context in your Mux Data dashboard. (optional, but encouraged) | N/A |
151
- | `metadata-viewer-user-id` | `string` | If you have a logged-in user this should be an anonymized ID value that maps back to the user in your database. Take care to not expose personal identifiable information like names, usernames or email addresses. (optional, but encouraged) | N/A |
152
- | `metadata-video-id` | `string` | This is an arbitrary ID that should map back to a record of this video in your database. | N/A |
153
- | `debug` | `boolean` | Enables debug mode for the underlying playback engine (currently hls.js) and mux-embed, providing additional information in the console. | `false` |
154
- | `start-time` | `number` (seconds) | Specify where in the media's timeline you want playback to start. | `0` |
155
- | `thumbnail-time` | `number` (seconds) | Offset for the poster image you want to show before loading media. If no `thumbnail-time` is specified, `start-time` will be used by default. NOTE: This feature currently cannot be used with `thumbnail-token`. | `0` |
156
- | `prefer-mse` | `boolean` | Use the underlying playback engine (currently hls.js), even if native playback is supported (e.g. in Safari). For more, see the section on [`prefer-mse`](#prefer-mse) | `false` |
157
- | `default-hidden-captions` | `boolean` | Hide captions by default instead of showing them on initial load (when available) | `false` |
158
- | `forward-seek-offset` | `number` (seconds) | Offset applied to the forward seek button | `10` |
159
- | `backward-seek-offset` | `number` (seconds) | Offset applied to the backward seek button | `10` |
160
- | `primary-color` | (Any valid CSS color style) | The primary color used by the player | N/A |
161
- | `secondary-color` | (Any valid CSS color style) | The secondary color used by the player | N/A |
162
- | `volume` | `number` (0-1) | Sets the volume of the player from 0 to 1. | Varies |
163
- | `muted` | `boolean` | Toggles the muted state of the player. | Varies |
164
- | `autoplay` | `boolean` | Toggles whether or not media should auto-play when initially loaded | false |
165
- | `playback-rate` | `number` | Applies a multiplier to the media's playback rate, either speeding it up or slowing it down. | `1` |
166
- | `loop` | `boolean` | Automatically loop playback of your media when it finishes. | `false` |
167
- | `poster` | `string` (URL) | Assigns a poster image URL. Will use the automatically generated poster based on your playback-id by default. | Derived |
168
- | `beacon-collection-domain` | `string` (domain name) | Assigns a custom domain to be used for Mux Data collection. | N/A |
141
+ | Attribute | Type | Description | Default |
142
+ | -------------------------- | --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- |
143
+ | `playback-id` | `string` | The playback ID for your Mux Asset or Mux Live Stream. This will also be used for automatically assigning a [poster image](https://docs.mux.com/guides/video/get-images-from-a-video) and (thumbnail previews)[https://docs.mux.com/guides/video/create-timeline-hover-previews]. For more, check out the [Mux Docs](https://docs.mux.com/guides/video/play-your-videos#1-get-your-playback-id). | N/A |
144
+ | `env-key` | `string` | Your Mux Data environment key. Note that this is different than your API Key. Get your env key from the "Mux Data" part of your [Mux Environments Dashboard](https://dashboard.mux.com/environments). If undefined, the environment will be inferred based on your Mux Video asset. | `undefined` |
145
+ | `playback-token` | `string` | The playback token for signing the `src` URL. | N/A |
146
+ | `thumbnail-token` | `string` | The thumbnail token for signing the `poster` URL. | N/A |
147
+ | `storyboard-token` | `string` | The storyboard token for signing the storyboard URL. | N/A |
148
+ | `stream-type` | `"on-demand" \| "live" \| "ll-live" \| "dvr" \| "ll-dvr"` | The type of stream associated with your Mux Asset. Used to determine what UI/controls to show and what optimizations to make for playback. | `"on-demand"` |
149
+ | `audio` | `boolean` | Indicate that you want an "audio only" UI/chrome. This may be used for audio-only assets or audio+video assets. | `false` |
150
+ | `metadata-video-title` | `string` | This is an arbitrary title for your video that will be passed in as metadata into Mux Data. Adding a title will give you useful context in your Mux Data dashboard. (optional, but encouraged) | N/A |
151
+ | `metadata-viewer-user-id` | `string` | If you have a logged-in user this should be an anonymized ID value that maps back to the user in your database. Take care to not expose personal identifiable information like names, usernames or email addresses. (optional, but encouraged) | N/A |
152
+ | `metadata-video-id` | `string` | This is an arbitrary ID that should map back to a record of this video in your database. | N/A |
153
+ | `debug` | `boolean` | Enables debug mode for the underlying playback engine (currently hls.js) and mux-embed, providing additional information in the console. | `false` |
154
+ | `start-time` | `number` (seconds) | Specify where in the media's timeline you want playback to start. | `0` |
155
+ | `thumbnail-time` | `number` (seconds) | Offset for the poster image you want to show before loading media. If no `thumbnail-time` is specified, `start-time` will be used by default. NOTE: This feature currently cannot be used with `thumbnail-token`. | `0` |
156
+ | `prefer-mse` | `boolean` | Use the underlying playback engine (currently hls.js), even if native playback is supported (e.g. in Safari). For more, see the section on [`prefer-mse`](#prefer-mse) | `false` |
157
+ | `default-hidden-captions` | `boolean` | Hide captions by default instead of showing them on initial load (when available) | `false` |
158
+ | `forward-seek-offset` | `number` (seconds) | Offset applied to the forward seek button | `10` |
159
+ | `backward-seek-offset` | `number` (seconds) | Offset applied to the backward seek button | `10` |
160
+ | `primary-color` | (Any valid CSS color style) | The primary color used by the player | N/A |
161
+ | `secondary-color` | (Any valid CSS color style) | The secondary color used by the player | N/A |
162
+ | `volume` | `number` (0-1) | Sets the volume of the player from 0 to 1. | Varies |
163
+ | `muted` | `boolean` | Toggles the muted state of the player. | Varies |
164
+ | `autoplay` | `boolean` | Toggles whether or not media should auto-play when initially loaded | false |
165
+ | `playback-rate` | `number` | Applies a multiplier to the media's playback rate, either speeding it up or slowing it down. | `1` |
166
+ | `loop` | `boolean` | Automatically loop playback of your media when it finishes. | `false` |
167
+ | `poster` | `string` (URL) | Assigns a poster image URL. Will use the automatically generated poster based on your playback-id by default. | Derived |
168
+ | `beacon-collection-domain` | `string` (domain name) | Assigns a custom domain to be used for Mux Data collection. | N/A |
169
169
 
170
170
  ### Methods
171
171
 
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">83.01% </span>
26
+ <span class="strong">82.9% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>2503/3015</span>
28
+ <span class='fraction'>2454/2960</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">82.01% </span>
33
+ <span class="strong">83.17% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>269/328</span>
35
+ <span class='fraction'>262/315</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">76.57% </span>
40
+ <span class="strong">76.38% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>170/222</span>
42
+ <span class='fraction'>165/216</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">83.01% </span>
47
+ <span class="strong">82.9% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>2503/3015</span>
49
+ <span class='fraction'>2454/2960</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file high" data-value="src"><a href="src/index.html">src</a></td>
83
- <td data-value="82.64" class="pic high">
83
+ <td data-value="82.48" class="pic high">
84
84
  <div class="chart"><div class="cover-fill" style="width: 82%"></div><div class="cover-empty" style="width: 18%"></div></div>
85
85
  </td>
86
- <td data-value="82.64" class="pct high">82.64%</td>
87
- <td data-value="2057" class="abs high">1700/2057</td>
88
- <td data-value="82.28" class="pct high">82.28%</td>
89
- <td data-value="271" class="abs high">223/271</td>
90
- <td data-value="75.29" class="pct medium">75.29%</td>
91
- <td data-value="170" class="abs medium">128/170</td>
92
- <td data-value="82.64" class="pct high">82.64%</td>
93
- <td data-value="2057" class="abs high">1700/2057</td>
86
+ <td data-value="82.48" class="pct high">82.48%</td>
87
+ <td data-value="2004" class="abs high">1653/2004</td>
88
+ <td data-value="82.44" class="pct high">82.44%</td>
89
+ <td data-value="262" class="abs high">216/262</td>
90
+ <td data-value="75" class="pct medium">75%</td>
91
+ <td data-value="164" class="abs medium">123/164</td>
92
+ <td data-value="82.48" class="pct high">82.48%</td>
93
+ <td data-value="2004" class="abs high">1653/2004</td>
94
94
  </tr>
95
95
 
96
96
  <tr>
@@ -110,17 +110,17 @@
110
110
 
111
111
  <tr>
112
112
  <td class="file high" data-value="src/media-theme-mux"><a href="src/media-theme-mux/index.html">src/media-theme-mux</a></td>
113
- <td data-value="86.28" class="pic high">
113
+ <td data-value="86.24" class="pic high">
114
114
  <div class="chart"><div class="cover-fill" style="width: 86%"></div><div class="cover-empty" style="width: 14%"></div></div>
115
115
  </td>
116
- <td data-value="86.28" class="pct high">86.28%</td>
117
- <td data-value="598" class="abs high">516/598</td>
118
- <td data-value="84.09" class="pct high">84.09%</td>
119
- <td data-value="44" class="abs high">37/44</td>
116
+ <td data-value="86.24" class="pct high">86.24%</td>
117
+ <td data-value="596" class="abs high">514/596</td>
118
+ <td data-value="92.5" class="pct high">92.5%</td>
119
+ <td data-value="40" class="abs high">37/40</td>
120
120
  <td data-value="87.17" class="pct high">87.17%</td>
121
121
  <td data-value="39" class="abs high">34/39</td>
122
- <td data-value="86.28" class="pct high">86.28%</td>
123
- <td data-value="598" class="abs high">516/598</td>
122
+ <td data-value="86.24" class="pct high">86.24%</td>
123
+ <td data-value="596" class="abs high">514/596</td>
124
124
  </tr>
125
125
 
126
126
  <tr>
@@ -146,7 +146,7 @@
146
146
  <div class='footer quiet pad2 space-top1 center small'>
147
147
  Code coverage generated by
148
148
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
149
- at Tue Jul 05 2022 23:20:21 GMT+0000 (Coordinated Universal Time)
149
+ at Mon Jul 11 2022 16:36:07 GMT+0000 (Coordinated Universal Time)
150
150
  </div>
151
151
  <script src="prettify.js"></script>
152
152
  <script>
@@ -232,7 +232,7 @@ export default MxpDialog;
232
232
  <div class='footer quiet pad2 space-top1 center small'>
233
233
  Code coverage generated by
234
234
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
235
- at Tue Jul 05 2022 23:20:21 GMT+0000 (Coordinated Universal Time)
235
+ at Mon Jul 11 2022 16:36:07 GMT+0000 (Coordinated Universal Time)
236
236
  </div>
237
237
  <script src="../prettify.js"></script>
238
238
  <script>
@@ -559,7 +559,7 @@ export function getErrorLogs(
559
559
  <div class='footer quiet pad2 space-top1 center small'>
560
560
  Code coverage generated by
561
561
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
562
- at Tue Jul 05 2022 23:20:21 GMT+0000 (Coordinated Universal Time)
562
+ at Mon Jul 11 2022 16:36:07 GMT+0000 (Coordinated Universal Time)
563
563
  </div>
564
564
  <script src="../prettify.js"></script>
565
565
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">97.7% </span>
26
+ <span class="strong">97.19% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>128/131</span>
28
+ <span class='fraction'>104/107</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">88% </span>
33
+ <span class="strong">88.88% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>22/25</span>
35
+ <span class='fraction'>16/18</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
40
  <span class="strong">100% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>12/12</span>
42
+ <span class='fraction'>9/9</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">97.7% </span>
47
+ <span class="strong">97.19% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>128/131</span>
49
+ <span class='fraction'>104/107</span>
50
50
  </div>
51
51
 
52
52
 
@@ -170,31 +170,7 @@
170
170
  <a name='L105'></a><a href='#L105'>105</a>
171
171
  <a name='L106'></a><a href='#L106'>106</a>
172
172
  <a name='L107'></a><a href='#L107'>107</a>
173
- <a name='L108'></a><a href='#L108'>108</a>
174
- <a name='L109'></a><a href='#L109'>109</a>
175
- <a name='L110'></a><a href='#L110'>110</a>
176
- <a name='L111'></a><a href='#L111'>111</a>
177
- <a name='L112'></a><a href='#L112'>112</a>
178
- <a name='L113'></a><a href='#L113'>113</a>
179
- <a name='L114'></a><a href='#L114'>114</a>
180
- <a name='L115'></a><a href='#L115'>115</a>
181
- <a name='L116'></a><a href='#L116'>116</a>
182
- <a name='L117'></a><a href='#L117'>117</a>
183
- <a name='L118'></a><a href='#L118'>118</a>
184
- <a name='L119'></a><a href='#L119'>119</a>
185
- <a name='L120'></a><a href='#L120'>120</a>
186
- <a name='L121'></a><a href='#L121'>121</a>
187
- <a name='L122'></a><a href='#L122'>122</a>
188
- <a name='L123'></a><a href='#L123'>123</a>
189
- <a name='L124'></a><a href='#L124'>124</a>
190
- <a name='L125'></a><a href='#L125'>125</a>
191
- <a name='L126'></a><a href='#L126'>126</a>
192
- <a name='L127'></a><a href='#L127'>127</a>
193
- <a name='L128'></a><a href='#L128'>128</a>
194
- <a name='L129'></a><a href='#L129'>129</a>
195
- <a name='L130'></a><a href='#L130'>130</a>
196
- <a name='L131'></a><a href='#L131'>131</a>
197
- <a name='L132'></a><a href='#L132'>132</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">4x</span>
173
+ <a name='L108'></a><a href='#L108'>108</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">4x</span>
198
174
  <span class="cline-any cline-yes">4x</span>
199
175
  <span class="cline-any cline-yes">4x</span>
200
176
  <span class="cline-any cline-yes">4x</span>
@@ -262,30 +238,6 @@
262
238
  <span class="cline-any cline-yes">4x</span>
263
239
  <span class="cline-any cline-yes">4x</span>
264
240
  <span class="cline-any cline-yes">4x</span>
265
- <span class="cline-any cline-yes">4x</span>
266
- <span class="cline-any cline-yes">2x</span>
267
- <span class="cline-any cline-yes">2x</span>
268
- <span class="cline-any cline-yes">2x</span>
269
- <span class="cline-any cline-yes">2x</span>
270
- <span class="cline-any cline-yes">2x</span>
271
- <span class="cline-any cline-yes">4x</span>
272
- <span class="cline-any cline-yes">4x</span>
273
- <span class="cline-any cline-yes">4x</span>
274
- <span class="cline-any cline-yes">2x</span>
275
- <span class="cline-any cline-yes">2x</span>
276
- <span class="cline-any cline-yes">2x</span>
277
- <span class="cline-any cline-yes">2x</span>
278
- <span class="cline-any cline-yes">2x</span>
279
- <span class="cline-any cline-yes">2x</span>
280
- <span class="cline-any cline-yes">2x</span>
281
- <span class="cline-any cline-yes">4x</span>
282
- <span class="cline-any cline-yes">4x</span>
283
- <span class="cline-any cline-yes">4x</span>
284
- <span class="cline-any cline-yes">4x</span>
285
- <span class="cline-any cline-yes">2x</span>
286
- <span class="cline-any cline-yes">4x</span>
287
- <span class="cline-any cline-yes">4x</span>
288
- <span class="cline-any cline-yes">4x</span>
289
241
  <span class="cline-any cline-yes">2x</span>
290
242
  <span class="cline-any cline-yes">2x</span>
291
243
  <span class="cline-any cline-yes">2x</span>
@@ -392,30 +344,6 @@ export function toPropName(attrName: string) {
392
344
  return attrToPropNameMap[attrName] ?? camelCase(attrName);
393
345
  }
394
346
  &nbsp;
395
- let testMediaEl: HTMLMediaElement | undefined;
396
- export const getTestMediaEl = (nodeName = 'video') =&gt; {
397
- if (testMediaEl) return testMediaEl;
398
- if (typeof window !== 'undefined') {
399
- testMediaEl = document.createElement(nodeName as 'video' | 'audio');
400
- }
401
- return testMediaEl;
402
- };
403
- &nbsp;
404
- export const hasVolumeSupportAsync = async (mediaEl: HTMLMediaElement | undefined = getTestMediaEl()) =&gt; {
405
- if (!mediaEl) <span class="branch-0 cbranch-no" title="branch not covered" >return false;</span>
406
- const prevVolume = mediaEl.volume;
407
- mediaEl.volume = prevVolume / 2 + 0.1;
408
- return new Promise&lt;boolean&gt;((resolve, reject) =&gt; {
409
- setTimeout(() =&gt; {
410
- resolve(mediaEl.volume !== prevVolume);
411
- }, 0);
412
- });
413
- };
414
- &nbsp;
415
- export function getCcSubTracks(el: MuxPlayerElement) {
416
- return Array.from(el.media?.textTracks ?? []).filter(({ kind }) =&gt; kind === 'subtitles' || kind === 'captions');
417
- }
418
- &nbsp;
419
347
  export const getLiveTime = (el: MuxPlayerElement) =&gt; {
420
348
  const { media } = el;
421
349
  return (
@@ -463,7 +391,7 @@ export const isInLiveWindow = (el: MuxPlayerElement) =&gt; {
463
391
  <div class='footer quiet pad2 space-top1 center small'>
464
392
  Code coverage generated by
465
393
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
466
- at Tue Jul 05 2022 23:20:21 GMT+0000 (Coordinated Universal Time)
394
+ at Mon Jul 11 2022 16:36:07 GMT+0000 (Coordinated Universal Time)
467
395
  </div>
468
396
  <script src="../prettify.js"></script>
469
397
  <script>
@@ -565,7 +565,7 @@ export function createTemplateInstance(content: string, props?: any) {
565
565
  <div class='footer quiet pad2 space-top1 center small'>
566
566
  Code coverage generated by
567
567
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
568
- at Tue Jul 05 2022 23:20:21 GMT+0000 (Coordinated Universal Time)
568
+ at Mon Jul 11 2022 16:36:07 GMT+0000 (Coordinated Universal Time)
569
569
  </div>
570
570
  <script src="../prettify.js"></script>
571
571
  <script>
@@ -23,30 +23,30 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">82.64% </span>
26
+ <span class="strong">82.48% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>1700/2057</span>
28
+ <span class='fraction'>1653/2004</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">82.28% </span>
33
+ <span class="strong">82.44% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>223/271</span>
35
+ <span class='fraction'>216/262</span>
36
36
  </div>
37
37
 
38
38
 
39
39
  <div class='fl pad1y space-right2'>
40
- <span class="strong">75.29% </span>
40
+ <span class="strong">75% </span>
41
41
  <span class="quiet">Functions</span>
42
- <span class='fraction'>128/170</span>
42
+ <span class='fraction'>123/164</span>
43
43
  </div>
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">82.64% </span>
47
+ <span class="strong">82.48% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>1700/2057</span>
49
+ <span class='fraction'>1653/2004</span>
50
50
  </div>
51
51
 
52
52
 
@@ -110,17 +110,17 @@
110
110
 
111
111
  <tr>
112
112
  <td class="file high" data-value="helpers.ts"><a href="helpers.ts.html">helpers.ts</a></td>
113
- <td data-value="97.7" class="pic high">
113
+ <td data-value="97.19" class="pic high">
114
114
  <div class="chart"><div class="cover-fill" style="width: 97%"></div><div class="cover-empty" style="width: 3%"></div></div>
115
115
  </td>
116
- <td data-value="97.7" class="pct high">97.7%</td>
117
- <td data-value="131" class="abs high">128/131</td>
118
- <td data-value="88" class="pct high">88%</td>
119
- <td data-value="25" class="abs high">22/25</td>
116
+ <td data-value="97.19" class="pct high">97.19%</td>
117
+ <td data-value="107" class="abs high">104/107</td>
118
+ <td data-value="88.88" class="pct high">88.88%</td>
119
+ <td data-value="18" class="abs high">16/18</td>
120
120
  <td data-value="100" class="pct high">100%</td>
121
- <td data-value="12" class="abs high">12/12</td>
122
- <td data-value="97.7" class="pct high">97.7%</td>
123
- <td data-value="131" class="abs high">128/131</td>
121
+ <td data-value="9" class="abs high">9/9</td>
122
+ <td data-value="97.19" class="pct high">97.19%</td>
123
+ <td data-value="107" class="abs high">104/107</td>
124
124
  </tr>
125
125
 
126
126
  <tr>
@@ -140,17 +140,17 @@
140
140
 
141
141
  <tr>
142
142
  <td class="file medium" data-value="index.ts"><a href="index.ts.html">index.ts</a></td>
143
- <td data-value="73.84" class="pic medium">
143
+ <td data-value="73.7" class="pic medium">
144
144
  <div class="chart"><div class="cover-fill" style="width: 73%"></div><div class="cover-empty" style="width: 27%"></div></div>
145
145
  </td>
146
- <td data-value="73.84" class="pct medium">73.84%</td>
147
- <td data-value="952" class="abs medium">703/952</td>
148
- <td data-value="79.43" class="pct medium">79.43%</td>
149
- <td data-value="107" class="abs medium">85/107</td>
146
+ <td data-value="73.7" class="pct medium">73.7%</td>
147
+ <td data-value="924" class="abs medium">681/924</td>
148
+ <td data-value="80" class="pct high">80%</td>
149
+ <td data-value="105" class="abs high">84/105</td>
150
150
  <td data-value="66.66" class="pct medium">66.66%</td>
151
- <td data-value="81" class="abs medium">54/81</td>
152
- <td data-value="73.84" class="pct medium">73.84%</td>
153
- <td data-value="952" class="abs medium">703/952</td>
151
+ <td data-value="78" class="abs medium">52/78</td>
152
+ <td data-value="73.7" class="pct medium">73.7%</td>
153
+ <td data-value="924" class="abs medium">681/924</td>
154
154
  </tr>
155
155
 
156
156
  <tr>
@@ -185,17 +185,17 @@
185
185
 
186
186
  <tr>
187
187
  <td class="file high" data-value="template.ts"><a href="template.ts.html">template.ts</a></td>
188
- <td data-value="95.23" class="pic high">
188
+ <td data-value="95.2" class="pic high">
189
189
  <div class="chart"><div class="cover-fill" style="width: 95%"></div><div class="cover-empty" style="width: 5%"></div></div>
190
190
  </td>
191
- <td data-value="95.23" class="pct high">95.23%</td>
192
- <td data-value="126" class="abs high">120/126</td>
191
+ <td data-value="95.2" class="pct high">95.2%</td>
192
+ <td data-value="125" class="abs high">119/125</td>
193
193
  <td data-value="90.32" class="pct high">90.32%</td>
194
194
  <td data-value="31" class="abs high">28/31</td>
195
195
  <td data-value="100" class="pct high">100%</td>
196
196
  <td data-value="2" class="abs high">2/2</td>
197
- <td data-value="95.23" class="pct high">95.23%</td>
198
- <td data-value="126" class="abs high">120/126</td>
197
+ <td data-value="95.2" class="pct high">95.2%</td>
198
+ <td data-value="125" class="abs high">119/125</td>
199
199
  </tr>
200
200
 
201
201
  <tr>
@@ -236,7 +236,7 @@
236
236
  <div class='footer quiet pad2 space-top1 center small'>
237
237
  Code coverage generated by
238
238
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
239
- at Tue Jul 05 2022 23:20:21 GMT+0000 (Coordinated Universal Time)
239
+ at Mon Jul 11 2022 16:36:07 GMT+0000 (Coordinated Universal Time)
240
240
  </div>
241
241
  <script src="../prettify.js"></script>
242
242
  <script>