imposium-js-sdk 3.5.6 → 3.5.7

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 (70) hide show
  1. package/.prettierignore +13 -0
  2. package/CODESTEWARDS.md +12 -0
  3. package/README.md +14 -15
  4. package/coverage/base.css +224 -0
  5. package/coverage/block-navigation.js +87 -0
  6. package/coverage/cobertura-coverage.xml +1574 -0
  7. package/coverage/coverage-final.json +13 -0
  8. package/coverage/coverage-summary.json +14 -0
  9. package/coverage/favicon.png +0 -0
  10. package/coverage/index.html +176 -0
  11. package/coverage/junit.xml +355 -0
  12. package/coverage/lcov-report/base.css +224 -0
  13. package/coverage/lcov-report/block-navigation.js +87 -0
  14. package/coverage/lcov-report/favicon.png +0 -0
  15. package/coverage/lcov-report/index.html +176 -0
  16. package/coverage/lcov-report/prettify.css +1 -0
  17. package/coverage/lcov-report/prettify.js +2 -0
  18. package/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  19. package/coverage/lcov-report/sorter.js +210 -0
  20. package/coverage/lcov-report/src/Entry.ts.html +205 -0
  21. package/coverage/lcov-report/src/client/Client.ts.html +1468 -0
  22. package/coverage/lcov-report/src/client/DirectDeliveryPipe.ts.html +658 -0
  23. package/coverage/lcov-report/src/client/http/API.ts.html +526 -0
  24. package/coverage/lcov-report/src/client/http/index.html +116 -0
  25. package/coverage/lcov-report/src/client/index.html +131 -0
  26. package/coverage/lcov-report/src/index.html +116 -0
  27. package/coverage/lcov-report/src/scaffolding/ExceptionPipe.ts.html +430 -0
  28. package/coverage/lcov-report/src/scaffolding/Exceptions.ts.html +616 -0
  29. package/coverage/lcov-report/src/scaffolding/GoogleAnalytics.ts.html +424 -0
  30. package/coverage/lcov-report/src/scaffolding/Helpers.ts.html +412 -0
  31. package/coverage/lcov-report/src/scaffolding/Version.ts.html +118 -0
  32. package/coverage/lcov-report/src/scaffolding/index.html +176 -0
  33. package/coverage/lcov-report/src/video/FallbackPlayer.ts.html +133 -0
  34. package/coverage/lcov-report/src/video/Player.ts.html +1663 -0
  35. package/coverage/lcov-report/src/video/VideoPlayer.ts.html +679 -0
  36. package/coverage/lcov-report/src/video/index.html +146 -0
  37. package/coverage/lcov.info +1426 -0
  38. package/coverage/prettify.css +1 -0
  39. package/coverage/prettify.js +2 -0
  40. package/coverage/sort-arrow-sprite.png +0 -0
  41. package/coverage/sorter.js +210 -0
  42. package/coverage/src/Entry.ts.html +205 -0
  43. package/coverage/src/client/Client.ts.html +1468 -0
  44. package/coverage/src/client/DirectDeliveryPipe.ts.html +658 -0
  45. package/coverage/src/client/http/API.ts.html +526 -0
  46. package/coverage/src/client/http/index.html +116 -0
  47. package/coverage/src/client/index.html +131 -0
  48. package/coverage/src/index.html +116 -0
  49. package/coverage/src/scaffolding/ExceptionPipe.ts.html +430 -0
  50. package/coverage/src/scaffolding/Exceptions.ts.html +616 -0
  51. package/coverage/src/scaffolding/GoogleAnalytics.ts.html +424 -0
  52. package/coverage/src/scaffolding/Helpers.ts.html +412 -0
  53. package/coverage/src/scaffolding/Version.ts.html +118 -0
  54. package/coverage/src/scaffolding/index.html +176 -0
  55. package/coverage/src/video/FallbackPlayer.ts.html +133 -0
  56. package/coverage/src/video/Player.ts.html +1663 -0
  57. package/coverage/src/video/VideoPlayer.ts.html +679 -0
  58. package/coverage/src/video/index.html +146 -0
  59. package/eslint-report.xml +1 -0
  60. package/examples/web/.eslintrc.json +10 -14
  61. package/lib/imposium.js +18815 -61068
  62. package/lib/imposium.js.map +1 -1
  63. package/lib/imposium.min.js +1 -1
  64. package/lib/imposium.min.js.LICENSE.txt +15 -2
  65. package/lib/imposium.min.js.map +1 -1
  66. package/package.json +40 -11
  67. package/tsconfig.eslint.json +8 -0
  68. package/vitest.config.ts +37 -0
  69. package/.eslintrc.js +0 -168
  70. package/CODEOWNERS +0 -1
package/coverage/lcov-report/src/video/VideoPlayer.ts.html ADDED
@@ -0,0 +1,679 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for src/video/VideoPlayer.ts</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../prettify.css" />
9
+ <link rel="stylesheet" href="../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/video</a> VideoPlayer.ts</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">96.2% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>76/79</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">78.26% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>18/23</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">88.88% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>16/18</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">96.15% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>75/78</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line high'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a>
85
+ <a name='L20'></a><a href='#L20'>20</a>
86
+ <a name='L21'></a><a href='#L21'>21</a>
87
+ <a name='L22'></a><a href='#L22'>22</a>
88
+ <a name='L23'></a><a href='#L23'>23</a>
89
+ <a name='L24'></a><a href='#L24'>24</a>
90
+ <a name='L25'></a><a href='#L25'>25</a>
91
+ <a name='L26'></a><a href='#L26'>26</a>
92
+ <a name='L27'></a><a href='#L27'>27</a>
93
+ <a name='L28'></a><a href='#L28'>28</a>
94
+ <a name='L29'></a><a href='#L29'>29</a>
95
+ <a name='L30'></a><a href='#L30'>30</a>
96
+ <a name='L31'></a><a href='#L31'>31</a>
97
+ <a name='L32'></a><a href='#L32'>32</a>
98
+ <a name='L33'></a><a href='#L33'>33</a>
99
+ <a name='L34'></a><a href='#L34'>34</a>
100
+ <a name='L35'></a><a href='#L35'>35</a>
101
+ <a name='L36'></a><a href='#L36'>36</a>
102
+ <a name='L37'></a><a href='#L37'>37</a>
103
+ <a name='L38'></a><a href='#L38'>38</a>
104
+ <a name='L39'></a><a href='#L39'>39</a>
105
+ <a name='L40'></a><a href='#L40'>40</a>
106
+ <a name='L41'></a><a href='#L41'>41</a>
107
+ <a name='L42'></a><a href='#L42'>42</a>
108
+ <a name='L43'></a><a href='#L43'>43</a>
109
+ <a name='L44'></a><a href='#L44'>44</a>
110
+ <a name='L45'></a><a href='#L45'>45</a>
111
+ <a name='L46'></a><a href='#L46'>46</a>
112
+ <a name='L47'></a><a href='#L47'>47</a>
113
+ <a name='L48'></a><a href='#L48'>48</a>
114
+ <a name='L49'></a><a href='#L49'>49</a>
115
+ <a name='L50'></a><a href='#L50'>50</a>
116
+ <a name='L51'></a><a href='#L51'>51</a>
117
+ <a name='L52'></a><a href='#L52'>52</a>
118
+ <a name='L53'></a><a href='#L53'>53</a>
119
+ <a name='L54'></a><a href='#L54'>54</a>
120
+ <a name='L55'></a><a href='#L55'>55</a>
121
+ <a name='L56'></a><a href='#L56'>56</a>
122
+ <a name='L57'></a><a href='#L57'>57</a>
123
+ <a name='L58'></a><a href='#L58'>58</a>
124
+ <a name='L59'></a><a href='#L59'>59</a>
125
+ <a name='L60'></a><a href='#L60'>60</a>
126
+ <a name='L61'></a><a href='#L61'>61</a>
127
+ <a name='L62'></a><a href='#L62'>62</a>
128
+ <a name='L63'></a><a href='#L63'>63</a>
129
+ <a name='L64'></a><a href='#L64'>64</a>
130
+ <a name='L65'></a><a href='#L65'>65</a>
131
+ <a name='L66'></a><a href='#L66'>66</a>
132
+ <a name='L67'></a><a href='#L67'>67</a>
133
+ <a name='L68'></a><a href='#L68'>68</a>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a>
141
+ <a name='L76'></a><a href='#L76'>76</a>
142
+ <a name='L77'></a><a href='#L77'>77</a>
143
+ <a name='L78'></a><a href='#L78'>78</a>
144
+ <a name='L79'></a><a href='#L79'>79</a>
145
+ <a name='L80'></a><a href='#L80'>80</a>
146
+ <a name='L81'></a><a href='#L81'>81</a>
147
+ <a name='L82'></a><a href='#L82'>82</a>
148
+ <a name='L83'></a><a href='#L83'>83</a>
149
+ <a name='L84'></a><a href='#L84'>84</a>
150
+ <a name='L85'></a><a href='#L85'>85</a>
151
+ <a name='L86'></a><a href='#L86'>86</a>
152
+ <a name='L87'></a><a href='#L87'>87</a>
153
+ <a name='L88'></a><a href='#L88'>88</a>
154
+ <a name='L89'></a><a href='#L89'>89</a>
155
+ <a name='L90'></a><a href='#L90'>90</a>
156
+ <a name='L91'></a><a href='#L91'>91</a>
157
+ <a name='L92'></a><a href='#L92'>92</a>
158
+ <a name='L93'></a><a href='#L93'>93</a>
159
+ <a name='L94'></a><a href='#L94'>94</a>
160
+ <a name='L95'></a><a href='#L95'>95</a>
161
+ <a name='L96'></a><a href='#L96'>96</a>
162
+ <a name='L97'></a><a href='#L97'>97</a>
163
+ <a name='L98'></a><a href='#L98'>98</a>
164
+ <a name='L99'></a><a href='#L99'>99</a>
165
+ <a name='L100'></a><a href='#L100'>100</a>
166
+ <a name='L101'></a><a href='#L101'>101</a>
167
+ <a name='L102'></a><a href='#L102'>102</a>
168
+ <a name='L103'></a><a href='#L103'>103</a>
169
+ <a name='L104'></a><a href='#L104'>104</a>
170
+ <a name='L105'></a><a href='#L105'>105</a>
171
+ <a name='L106'></a><a href='#L106'>106</a>
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>
198
+ <a name='L133'></a><a href='#L133'>133</a>
199
+ <a name='L134'></a><a href='#L134'>134</a>
200
+ <a name='L135'></a><a href='#L135'>135</a>
201
+ <a name='L136'></a><a href='#L136'>136</a>
202
+ <a name='L137'></a><a href='#L137'>137</a>
203
+ <a name='L138'></a><a href='#L138'>138</a>
204
+ <a name='L139'></a><a href='#L139'>139</a>
205
+ <a name='L140'></a><a href='#L140'>140</a>
206
+ <a name='L141'></a><a href='#L141'>141</a>
207
+ <a name='L142'></a><a href='#L142'>142</a>
208
+ <a name='L143'></a><a href='#L143'>143</a>
209
+ <a name='L144'></a><a href='#L144'>144</a>
210
+ <a name='L145'></a><a href='#L145'>145</a>
211
+ <a name='L146'></a><a href='#L146'>146</a>
212
+ <a name='L147'></a><a href='#L147'>147</a>
213
+ <a name='L148'></a><a href='#L148'>148</a>
214
+ <a name='L149'></a><a href='#L149'>149</a>
215
+ <a name='L150'></a><a href='#L150'>150</a>
216
+ <a name='L151'></a><a href='#L151'>151</a>
217
+ <a name='L152'></a><a href='#L152'>152</a>
218
+ <a name='L153'></a><a href='#L153'>153</a>
219
+ <a name='L154'></a><a href='#L154'>154</a>
220
+ <a name='L155'></a><a href='#L155'>155</a>
221
+ <a name='L156'></a><a href='#L156'>156</a>
222
+ <a name='L157'></a><a href='#L157'>157</a>
223
+ <a name='L158'></a><a href='#L158'>158</a>
224
+ <a name='L159'></a><a href='#L159'>159</a>
225
+ <a name='L160'></a><a href='#L160'>160</a>
226
+ <a name='L161'></a><a href='#L161'>161</a>
227
+ <a name='L162'></a><a href='#L162'>162</a>
228
+ <a name='L163'></a><a href='#L163'>163</a>
229
+ <a name='L164'></a><a href='#L164'>164</a>
230
+ <a name='L165'></a><a href='#L165'>165</a>
231
+ <a name='L166'></a><a href='#L166'>166</a>
232
+ <a name='L167'></a><a href='#L167'>167</a>
233
+ <a name='L168'></a><a href='#L168'>168</a>
234
+ <a name='L169'></a><a href='#L169'>169</a>
235
+ <a name='L170'></a><a href='#L170'>170</a>
236
+ <a name='L171'></a><a href='#L171'>171</a>
237
+ <a name='L172'></a><a href='#L172'>172</a>
238
+ <a name='L173'></a><a href='#L173'>173</a>
239
+ <a name='L174'></a><a href='#L174'>174</a>
240
+ <a name='L175'></a><a href='#L175'>175</a>
241
+ <a name='L176'></a><a href='#L176'>176</a>
242
+ <a name='L177'></a><a href='#L177'>177</a>
243
+ <a name='L178'></a><a href='#L178'>178</a>
244
+ <a name='L179'></a><a href='#L179'>179</a>
245
+ <a name='L180'></a><a href='#L180'>180</a>
246
+ <a name='L181'></a><a href='#L181'>181</a>
247
+ <a name='L182'></a><a href='#L182'>182</a>
248
+ <a name='L183'></a><a href='#L183'>183</a>
249
+ <a name='L184'></a><a href='#L184'>184</a>
250
+ <a name='L185'></a><a href='#L185'>185</a>
251
+ <a name='L186'></a><a href='#L186'>186</a>
252
+ <a name='L187'></a><a href='#L187'>187</a>
253
+ <a name='L188'></a><a href='#L188'>188</a>
254
+ <a name='L189'></a><a href='#L189'>189</a>
255
+ <a name='L190'></a><a href='#L190'>190</a>
256
+ <a name='L191'></a><a href='#L191'>191</a>
257
+ <a name='L192'></a><a href='#L192'>192</a>
258
+ <a name='L193'></a><a href='#L193'>193</a>
259
+ <a name='L194'></a><a href='#L194'>194</a>
260
+ <a name='L195'></a><a href='#L195'>195</a>
261
+ <a name='L196'></a><a href='#L196'>196</a>
262
+ <a name='L197'></a><a href='#L197'>197</a>
263
+ <a name='L198'></a><a href='#L198'>198</a>
264
+ <a name='L199'></a><a href='#L199'>199</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
265
+ <span class="cline-any cline-neutral">&nbsp;</span>
266
+ <span class="cline-any cline-neutral">&nbsp;</span>
267
+ <span class="cline-any cline-neutral">&nbsp;</span>
268
+ <span class="cline-any cline-neutral">&nbsp;</span>
269
+ <span class="cline-any cline-yes">3x</span>
270
+ <span class="cline-any cline-neutral">&nbsp;</span>
271
+ <span class="cline-any cline-neutral">&nbsp;</span>
272
+ <span class="cline-any cline-neutral">&nbsp;</span>
273
+ <span class="cline-any cline-neutral">&nbsp;</span>
274
+ <span class="cline-any cline-neutral">&nbsp;</span>
275
+ <span class="cline-any cline-yes">3x</span>
276
+ <span class="cline-any cline-neutral">&nbsp;</span>
277
+ <span class="cline-any cline-yes">3x</span>
278
+ <span class="cline-any cline-neutral">&nbsp;</span>
279
+ <span class="cline-any cline-yes">3x</span>
280
+ <span class="cline-any cline-neutral">&nbsp;</span>
281
+ <span class="cline-any cline-yes">3x</span>
282
+ <span class="cline-any cline-neutral">&nbsp;</span>
283
+ <span class="cline-any cline-neutral">&nbsp;</span>
284
+ <span class="cline-any cline-neutral">&nbsp;</span>
285
+ <span class="cline-any cline-neutral">&nbsp;</span>
286
+ <span class="cline-any cline-neutral">&nbsp;</span>
287
+ <span class="cline-any cline-yes">53x</span>
288
+ <span class="cline-any cline-neutral">&nbsp;</span>
289
+ <span class="cline-any cline-yes">53x</span>
290
+ <span class="cline-any cline-neutral">&nbsp;</span>
291
+ <span class="cline-any cline-yes">53x</span>
292
+ <span class="cline-any cline-neutral">&nbsp;</span>
293
+ <span class="cline-any cline-neutral">&nbsp;</span>
294
+ <span class="cline-any cline-yes">53x</span>
295
+ <span class="cline-any cline-yes">5x</span>
296
+ <span class="cline-any cline-yes">1x</span>
297
+ <span class="cline-any cline-yes">1x</span>
298
+ <span class="cline-any cline-no">&nbsp;</span>
299
+ <span class="cline-any cline-yes">6x</span>
300
+ <span class="cline-any cline-neutral">&nbsp;</span>
301
+ <span class="cline-any cline-neutral">&nbsp;</span>
302
+ <span class="cline-any cline-yes">53x</span>
303
+ <span class="cline-any cline-neutral">&nbsp;</span>
304
+ <span class="cline-any cline-yes">53x</span>
305
+ <span class="cline-any cline-neutral">&nbsp;</span>
306
+ <span class="cline-any cline-yes">53x</span>
307
+ <span class="cline-any cline-neutral">&nbsp;</span>
308
+ <span class="cline-any cline-yes">53x</span>
309
+ <span class="cline-any cline-neutral">&nbsp;</span>
310
+ <span class="cline-any cline-yes">53x</span>
311
+ <span class="cline-any cline-neutral">&nbsp;</span>
312
+ <span class="cline-any cline-neutral">&nbsp;</span>
313
+ <span class="cline-any cline-neutral">&nbsp;</span>
314
+ <span class="cline-any cline-neutral">&nbsp;</span>
315
+ <span class="cline-any cline-neutral">&nbsp;</span>
316
+ <span class="cline-any cline-yes">53x</span>
317
+ <span class="cline-any cline-yes">53x</span>
318
+ <span class="cline-any cline-yes">1x</span>
319
+ <span class="cline-any cline-neutral">&nbsp;</span>
320
+ <span class="cline-any cline-neutral">&nbsp;</span>
321
+ <span class="cline-any cline-yes">52x</span>
322
+ <span class="cline-any cline-yes">260x</span>
323
+ <span class="cline-any cline-neutral">&nbsp;</span>
324
+ <span class="cline-any cline-neutral">&nbsp;</span>
325
+ <span class="cline-any cline-yes">52x</span>
326
+ <span class="cline-any cline-yes">52x</span>
327
+ <span class="cline-any cline-neutral">&nbsp;</span>
328
+ <span class="cline-any cline-yes">1x</span>
329
+ <span class="cline-any cline-neutral">&nbsp;</span>
330
+ <span class="cline-any cline-neutral">&nbsp;</span>
331
+ <span class="cline-any cline-neutral">&nbsp;</span>
332
+ <span class="cline-any cline-neutral">&nbsp;</span>
333
+ <span class="cline-any cline-neutral">&nbsp;</span>
334
+ <span class="cline-any cline-neutral">&nbsp;</span>
335
+ <span class="cline-any cline-yes">53x</span>
336
+ <span class="cline-any cline-yes">1x</span>
337
+ <span class="cline-any cline-yes">5x</span>
338
+ <span class="cline-any cline-neutral">&nbsp;</span>
339
+ <span class="cline-any cline-neutral">&nbsp;</span>
340
+ <span class="cline-any cline-neutral">&nbsp;</span>
341
+ <span class="cline-any cline-neutral">&nbsp;</span>
342
+ <span class="cline-any cline-neutral">&nbsp;</span>
343
+ <span class="cline-any cline-neutral">&nbsp;</span>
344
+ <span class="cline-any cline-yes">53x</span>
345
+ <span class="cline-any cline-neutral">&nbsp;</span>
346
+ <span class="cline-any cline-yes">3x</span>
347
+ <span class="cline-any cline-no">&nbsp;</span>
348
+ <span class="cline-any cline-neutral">&nbsp;</span>
349
+ <span class="cline-any cline-neutral">&nbsp;</span>
350
+ <span class="cline-any cline-yes">3x</span>
351
+ <span class="cline-any cline-neutral">&nbsp;</span>
352
+ <span class="cline-any cline-yes">3x</span>
353
+ <span class="cline-any cline-yes">1x</span>
354
+ <span class="cline-any cline-neutral">&nbsp;</span>
355
+ <span class="cline-any cline-neutral">&nbsp;</span>
356
+ <span class="cline-any cline-neutral">&nbsp;</span>
357
+ <span class="cline-any cline-neutral">&nbsp;</span>
358
+ <span class="cline-any cline-neutral">&nbsp;</span>
359
+ <span class="cline-any cline-neutral">&nbsp;</span>
360
+ <span class="cline-any cline-yes">53x</span>
361
+ <span class="cline-any cline-yes">2x</span>
362
+ <span class="cline-any cline-neutral">&nbsp;</span>
363
+ <span class="cline-any cline-neutral">&nbsp;</span>
364
+ <span class="cline-any cline-neutral">&nbsp;</span>
365
+ <span class="cline-any cline-neutral">&nbsp;</span>
366
+ <span class="cline-any cline-neutral">&nbsp;</span>
367
+ <span class="cline-any cline-yes">53x</span>
368
+ <span class="cline-any cline-yes">5x</span>
369
+ <span class="cline-any cline-neutral">&nbsp;</span>
370
+ <span class="cline-any cline-neutral">&nbsp;</span>
371
+ <span class="cline-any cline-neutral">&nbsp;</span>
372
+ <span class="cline-any cline-neutral">&nbsp;</span>
373
+ <span class="cline-any cline-neutral">&nbsp;</span>
374
+ <span class="cline-any cline-yes">53x</span>
375
+ <span class="cline-any cline-yes">11x</span>
376
+ <span class="cline-any cline-yes">11x</span>
377
+ <span class="cline-any cline-yes">11x</span>
378
+ <span class="cline-any cline-neutral">&nbsp;</span>
379
+ <span class="cline-any cline-yes">11x</span>
380
+ <span class="cline-any cline-yes">2x</span>
381
+ <span class="cline-any cline-neutral">&nbsp;</span>
382
+ <span class="cline-any cline-yes">9x</span>
383
+ <span class="cline-any cline-neutral">&nbsp;</span>
384
+ <span class="cline-any cline-neutral">&nbsp;</span>
385
+ <span class="cline-any cline-neutral">&nbsp;</span>
386
+ <span class="cline-any cline-neutral">&nbsp;</span>
387
+ <span class="cline-any cline-neutral">&nbsp;</span>
388
+ <span class="cline-any cline-neutral">&nbsp;</span>
389
+ <span class="cline-any cline-yes">53x</span>
390
+ <span class="cline-any cline-no">&nbsp;</span>
391
+ <span class="cline-any cline-neutral">&nbsp;</span>
392
+ <span class="cline-any cline-neutral">&nbsp;</span>
393
+ <span class="cline-any cline-neutral">&nbsp;</span>
394
+ <span class="cline-any cline-neutral">&nbsp;</span>
395
+ <span class="cline-any cline-neutral">&nbsp;</span>
396
+ <span class="cline-any cline-yes">53x</span>
397
+ <span class="cline-any cline-yes">6x</span>
398
+ <span class="cline-any cline-yes">2x</span>
399
+ <span class="cline-any cline-yes">2x</span>
400
+ <span class="cline-any cline-neutral">&nbsp;</span>
401
+ <span class="cline-any cline-neutral">&nbsp;</span>
402
+ <span class="cline-any cline-yes">6x</span>
403
+ <span class="cline-any cline-yes">1x</span>
404
+ <span class="cline-any cline-yes">1x</span>
405
+ <span class="cline-any cline-neutral">&nbsp;</span>
406
+ <span class="cline-any cline-neutral">&nbsp;</span>
407
+ <span class="cline-any cline-neutral">&nbsp;</span>
408
+ <span class="cline-any cline-neutral">&nbsp;</span>
409
+ <span class="cline-any cline-neutral">&nbsp;</span>
410
+ <span class="cline-any cline-neutral">&nbsp;</span>
411
+ <span class="cline-any cline-neutral">&nbsp;</span>
412
+ <span class="cline-any cline-yes">53x</span>
413
+ <span class="cline-any cline-yes">5x</span>
414
+ <span class="cline-any cline-neutral">&nbsp;</span>
415
+ <span class="cline-any cline-yes">5x</span>
416
+ <span class="cline-any cline-yes">5x</span>
417
+ <span class="cline-any cline-neutral">&nbsp;</span>
418
+ <span class="cline-any cline-yes">5x</span>
419
+ <span class="cline-any cline-neutral">&nbsp;</span>
420
+ <span class="cline-any cline-neutral">&nbsp;</span>
421
+ <span class="cline-any cline-neutral">&nbsp;</span>
422
+ <span class="cline-any cline-neutral">&nbsp;</span>
423
+ <span class="cline-any cline-neutral">&nbsp;</span>
424
+ <span class="cline-any cline-yes">53x</span>
425
+ <span class="cline-any cline-yes">1x</span>
426
+ <span class="cline-any cline-neutral">&nbsp;</span>
427
+ <span class="cline-any cline-yes">1x</span>
428
+ <span class="cline-any cline-yes">1x</span>
429
+ <span class="cline-any cline-neutral">&nbsp;</span>
430
+ <span class="cline-any cline-neutral">&nbsp;</span>
431
+ <span class="cline-any cline-neutral">&nbsp;</span>
432
+ <span class="cline-any cline-neutral">&nbsp;</span>
433
+ <span class="cline-any cline-neutral">&nbsp;</span>
434
+ <span class="cline-any cline-neutral">&nbsp;</span>
435
+ <span class="cline-any cline-yes">53x</span>
436
+ <span class="cline-any cline-yes">1x</span>
437
+ <span class="cline-any cline-neutral">&nbsp;</span>
438
+ <span class="cline-any cline-yes">1x</span>
439
+ <span class="cline-any cline-yes">1x</span>
440
+ <span class="cline-any cline-neutral">&nbsp;</span>
441
+ <span class="cline-any cline-neutral">&nbsp;</span>
442
+ <span class="cline-any cline-neutral">&nbsp;</span>
443
+ <span class="cline-any cline-neutral">&nbsp;</span>
444
+ <span class="cline-any cline-neutral">&nbsp;</span>
445
+ <span class="cline-any cline-neutral">&nbsp;</span>
446
+ <span class="cline-any cline-neutral">&nbsp;</span>
447
+ <span class="cline-any cline-yes">53x</span>
448
+ <span class="cline-any cline-yes">2x</span>
449
+ <span class="cline-any cline-yes">1x</span>
450
+ <span class="cline-any cline-yes">1x</span>
451
+ <span class="cline-any cline-yes">1x</span>
452
+ <span class="cline-any cline-neutral">&nbsp;</span>
453
+ <span class="cline-any cline-yes">1x</span>
454
+ <span class="cline-any cline-yes">1x</span>
455
+ <span class="cline-any cline-yes">1x</span>
456
+ <span class="cline-any cline-neutral">&nbsp;</span>
457
+ <span class="cline-any cline-neutral">&nbsp;</span>
458
+ <span class="cline-any cline-yes">1x</span>
459
+ <span class="cline-any cline-neutral">&nbsp;</span>
460
+ <span class="cline-any cline-neutral">&nbsp;</span>
461
+ <span class="cline-any cline-neutral">&nbsp;</span>
462
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import ExceptionPipe from '../scaffolding/ExceptionPipe';
463
+ import GoogleAnalytics, { IGAProtocol } from '../scaffolding/GoogleAnalytics';
464
+ import { IExperience } from '../client/Client';
465
+ import { PlayerConfigurationError } from '../scaffolding/Exceptions';
466
+ &nbsp;
467
+ const settings = require('../conf/settings.json').videoPlayer;
468
+ &nbsp;
469
+ type BaseMediaEvent = (...args) =&gt; void;
470
+ type BaseMediaEvents = Map&lt;string, BaseMediaEvent&gt;;
471
+ &nbsp;
472
+ export default abstract class VideoPlayer {
473
+ private static readonly INTERVAL_RATE: number = settings.checkPlaybackRateMs;
474
+ &nbsp;
475
+ private static readonly PLAYBACK_EVENTS: number[] = settings.playbackEvents;
476
+ &nbsp;
477
+ private static readonly GA_EMIT_TYPE: string = 'event';
478
+ &nbsp;
479
+ private static readonly GA_EMIT_CATEGORY: string = 'video_player';
480
+ &nbsp;
481
+ // Called when client gets experience data
482
+ public abstract experienceGenerated: (exp: IExperience) =&gt; void;
483
+ &nbsp;
484
+ // HTML Video element ref, active storyId on client
485
+ protected node: HTMLVideoElement = null;
486
+ &nbsp;
487
+ protected storyId: string = '';
488
+ &nbsp;
489
+ protected gaProperty: string = '';
490
+ &nbsp;
491
+ // Base callbacks required in order to collect / measue. Add by media event name
492
+ private readonly playbackHandlers: BaseMediaEvents = new Map([
493
+ ['play', () =&gt; this.onPlay()],
494
+ ['pause', () =&gt; this.onPause()],
495
+ ['ended', () =&gt; this.onEnded()],
496
+ [<span class="fstat-no" title="function not covered" >'loaded', () =&gt; <span class="cstat-no" title="statement not covered" >t</span>his.onLoad()]</span>,
497
+ ['volumechange', () =&gt; this.onVolumeChange()]
498
+ ]);
499
+ &nbsp;
500
+ private queuedGACalls: IGAProtocol[] = [];
501
+ &nbsp;
502
+ private experienceId: string = '';
503
+ &nbsp;
504
+ private prevPlaybackEvent: number = 0;
505
+ &nbsp;
506
+ private playbackInterval: number = -1;
507
+ &nbsp;
508
+ private muted: boolean = false;
509
+ &nbsp;
510
+ /*
511
+ Basis of Imposum / Fallback video player objects
512
+ */
513
+ constructor(node: HTMLVideoElement) {
514
+ try {
515
+ if (!(node instanceof HTMLVideoElement)) {
516
+ throw new PlayerConfigurationError('invalidPlayerRef', null);
517
+ }
518
+ &nbsp;
519
+ for (const [key, event] of this.playbackHandlers.entries()) {
520
+ node.addEventListener(key, event);
521
+ }
522
+ &nbsp;
523
+ this.node = node;
524
+ this.muted = node.muted;
525
+ } catch (e) {
526
+ ExceptionPipe.trapError(e, this.storyId);
527
+ }
528
+ }
529
+ &nbsp;
530
+ /*
531
+ Remove any callbacks bound to video player events
532
+ */
533
+ public remove = (): void =&gt; {
534
+ for (const [key, event] of this.playbackHandlers.entries()) {
535
+ this.node.removeEventListener(key, event);
536
+ }
537
+ };
538
+ &nbsp;
539
+ /*
540
+ Set the current GA property and flush the pre mature GA calls
541
+ */
542
+ public setGaProperty = (gaProperty: string): void =&gt; {
543
+ // Clear out queued GA requests if the user changes a story
544
+ <span class="missing-if-branch" title="if path not taken" >I</span>if (this.gaProperty &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >this.gaProperty !== gaProperty &amp;&amp; <span class="branch-2 cbranch-no" title="branch not covered" >t</span>his.queuedGACalls.length &gt; 0) {</span>
545
+ <span class="cstat-no" title="statement not covered" > this.queuedGACalls = [];</span>
546
+ }
547
+ &nbsp;
548
+ this.gaProperty = gaProperty;
549
+ &nbsp;
550
+ while (this.queuedGACalls.length) {
551
+ GoogleAnalytics.send(this.queuedGACalls.pop());
552
+ }
553
+ };
554
+ &nbsp;
555
+ /*
556
+ Set the current story id per client
557
+ */
558
+ public setStoryId = (storyId: string): void =&gt; {
559
+ this.storyId = storyId;
560
+ };
561
+ &nbsp;
562
+ /*
563
+ Set the current experience id per job that gets passed to analytics calls
564
+ */
565
+ protected setExperienceId = (experienceId: string): void =&gt; {
566
+ this.experienceId = experienceId;
567
+ };
568
+ &nbsp;
569
+ /*
570
+ Emit or queue a GA event call,
571
+ */
572
+ private emitGAEventAction = (ea: string): void =&gt; {
573
+ const { GA_EMIT_TYPE: t, GA_EMIT_CATEGORY: ec } = VideoPlayer;
574
+ const { gaProperty: tid, experienceId: el } = this;
575
+ const call: IGAProtocol = { t, tid, ec, el, ea };
576
+ &nbsp;
577
+ if (this.gaProperty) {
578
+ GoogleAnalytics.send(call);
579
+ } else {
580
+ this.queuedGACalls.push(call);
581
+ }
582
+ };
583
+ &nbsp;
584
+ /*
585
+ Record loaded event
586
+ */
587
+ private onLoad = (): void =&gt; <span class="fstat-no" title="function not covered" >{</span>
588
+ <span class="cstat-no" title="statement not covered" > this.emitGAEventAction('loaded');</span>
589
+ };
590
+ &nbsp;
591
+ /*
592
+ Record mute events
593
+ */
594
+ private onVolumeChange = (): void =&gt; {
595
+ if (!this.muted &amp;&amp; this.node.muted) {
596
+ this.emitGAEventAction('muted');
597
+ this.muted = true;
598
+ }
599
+ &nbsp;
600
+ if (this.muted &amp;&amp; !this.node.muted) {
601
+ this.emitGAEventAction('unmuted');
602
+ this.muted = false;
603
+ }
604
+ };
605
+ &nbsp;
606
+ /*
607
+ Start an interval that runs during playback which triggers playback
608
+ analytics calls
609
+ */
610
+ private onPlay = (): void =&gt; {
611
+ const { setInterval } = window;
612
+ &nbsp;
613
+ clearInterval(this.playbackInterval);
614
+ this.playbackInterval = setInterval(() =&gt; this.checkPlayback(), VideoPlayer.INTERVAL_RATE);
615
+ &nbsp;
616
+ this.emitGAEventAction('play');
617
+ };
618
+ &nbsp;
619
+ /*
620
+ Clear the interval on pause to prevent false positives
621
+ */
622
+ private onPause = (): void =&gt; {
623
+ clearInterval(this.playbackInterval);
624
+ &nbsp;
625
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (this.node.duration !== this.node.currentTime) {
626
+ this.emitGAEventAction('pause');
627
+ }
628
+ };
629
+ &nbsp;
630
+ /*
631
+ Clean up the timer and emit the final playback event
632
+ */
633
+ private onEnded = (): void =&gt; {
634
+ clearInterval(this.playbackInterval);
635
+ &nbsp;
636
+ this.emitGAEventAction('playback_1');
637
+ this.prevPlaybackEvent = 0;
638
+ };
639
+ &nbsp;
640
+ /*
641
+ Logic that checks to see what playback event should be fired based
642
+ on the current playback progress, clears timer if markup context
643
+ is lost.
644
+ */
645
+ private checkPlayback = (): void =&gt; {
646
+ if (this.node) {
647
+ const { currentTime, duration } = this.node;
648
+ const perc: number = currentTime / duration;
649
+ const next: number = VideoPlayer.PLAYBACK_EVENTS[this.prevPlaybackEvent];
650
+ &nbsp;
651
+ <span class="missing-if-branch" title="else path not taken" >E</span>if (perc &gt; next) {
652
+ this.emitGAEventAction(`playback_${next}`);
653
+ this.prevPlaybackEvent++;
654
+ }
655
+ } else {
656
+ clearInterval(this.playbackInterval);
657
+ }
658
+ };
659
+ }
660
+ &nbsp;</pre></td></tr></table></pre>
661
+
662
+ <div class='push'></div><!-- for sticky footer -->
663
+ </div><!-- /wrapper -->
664
+ <div class='footer quiet pad2 space-top1 center small'>
665
+ Code coverage generated by
666
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
667
+ at 2026-06-24T14:34:09.186Z
668
+ </div>
669
+ <script src="../../prettify.js"></script>
670
+ <script>
671
+ window.onload = function () {
672
+ prettyPrint();
673
+ };
674
+ </script>
675
+ <script src="../../sorter.js"></script>
676
+ <script src="../../block-navigation.js"></script>
677
+ </body>
678
+ </html>
679
+