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

package/coverage/lcov-report/src/video-api.ts.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">74.83% </span>
+                <span class="strong">74.38% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>223/298</span>
+                <span class='fraction'>241/324</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">80.48% </span>
+                <span class="strong">81.81% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>33/41</span>
+                <span class='fraction'>36/44</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">70% </span>
+                <span class="strong">70.45% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>28/40</span>
+                <span class='fraction'>31/44</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">74.83% </span>
+                <span class="strong">74.38% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>223/298</span>
+                <span class='fraction'>241/324</span>
             </div>
         
             
@@ -361,7 +361,34 @@
 <a name='L296'></a><a href='#L296'>296</a>
 <a name='L297'></a><a href='#L297'>297</a>
 <a name='L298'></a><a href='#L298'>298</a>
-<a name='L299'></a><a href='#L299'>299</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
+<a name='L299'></a><a href='#L299'>299</a>
+<a name='L300'></a><a href='#L300'>300</a>
+<a name='L301'></a><a href='#L301'>301</a>
+<a name='L302'></a><a href='#L302'>302</a>
+<a name='L303'></a><a href='#L303'>303</a>
+<a name='L304'></a><a href='#L304'>304</a>
+<a name='L305'></a><a href='#L305'>305</a>
+<a name='L306'></a><a href='#L306'>306</a>
+<a name='L307'></a><a href='#L307'>307</a>
+<a name='L308'></a><a href='#L308'>308</a>
+<a name='L309'></a><a href='#L309'>309</a>
+<a name='L310'></a><a href='#L310'>310</a>
+<a name='L311'></a><a href='#L311'>311</a>
+<a name='L312'></a><a href='#L312'>312</a>
+<a name='L313'></a><a href='#L313'>313</a>
+<a name='L314'></a><a href='#L314'>314</a>
+<a name='L315'></a><a href='#L315'>315</a>
+<a name='L316'></a><a href='#L316'>316</a>
+<a name='L317'></a><a href='#L317'>317</a>
+<a name='L318'></a><a href='#L318'>318</a>
+<a name='L319'></a><a href='#L319'>319</a>
+<a name='L320'></a><a href='#L320'>320</a>
+<a name='L321'></a><a href='#L321'>321</a>
+<a name='L322'></a><a href='#L322'>322</a>
+<a name='L323'></a><a href='#L323'>323</a>
+<a name='L324'></a><a href='#L324'>324</a>
+<a name='L325'></a><a href='#L325'>325</a></td><td class="line-coverage quiet"><span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
@@ -464,6 +491,8 @@
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">2x</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
@@ -577,6 +606,19 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
 <span class="cline-any cline-yes">2x</span>
@@ -621,6 +663,16 @@
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-yes">1x</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -662,6 +714,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import { VideoEvents } from '@mux/mux-video';
 import type MuxVideoElement from '@mux/mux-video';
 import * as logger from './logger';
+import { toNumberOrUndefined } from './utils';
 &nbsp;
 export type CastOptions = {
   receiverApplicationId: string;
@@ -760,6 +813,7 @@ class VideoApiElement extends HTMLElement {
       case CustomVideoAttributes.MUTED: {
         if (this.media) {
           this.media.muted = newValue != null;
+          this.media.defaultMuted = newValue != null;
         }
         return;
       }
@@ -774,6 +828,7 @@ class VideoApiElement extends HTMLElement {
         const val = +newValue;
         if (this.media &amp;&amp; !Number.isNaN(val)) {
           this.media.playbackRate = val;
+          this.media.defaultPlaybackRate = val;
         }
         return;
       }
@@ -877,6 +932,19 @@ class VideoApiElement extends HTMLElement {
       this.media.playbackRate = Number(val);
     }
   }
+&nbsp;
+  get defaultPlaybackRate() {
+    return toNumberOrUndefined(this.getAttribute(CustomVideoAttributes.PLAYBACKRATE)) ?? 1;
+  }
+&nbsp;
+  set defaultPlaybackRate(val) {
+    if (val != null) {
+      this.setAttribute(CustomVideoAttributes.PLAYBACKRATE, `${<span class="branch-0 cbranch-no" title="branch not covered" >val}`);</span>
+<span class="cstat-no" title="statement not covered" >    } else {</span>
+<span class="cstat-no" title="statement not covered" >      // Remove boolean attribute if false, 0, '', null, undefined.</span>
+<span class="cstat-no" title="statement not covered" >      this.removeAttribute(CustomVideoAttributes.PLAYBACKRATE);</span>
+    }
+  }
 &nbsp;
   get crossOrigin() {
     return getVideoAttribute(this, AllowedVideoAttributes.<span class="fstat-no" title="function not covered" >CROSSORIGIN);</span>
@@ -913,12 +981,22 @@ class VideoApiElement extends HTMLElement {
   }
 &nbsp;
   get muted() {
-    return getVideoAttribute(this, AllowedVideoAttributes.MUTED) != null;
+    return this.media?.muted ?? false;
   }
 &nbsp;
   set muted(val) {
-    if (val) {
-      this.setAttribute(AllowedVideoAttributes.MUTED, <span class="branch-0 cbranch-no" title="branch not covered" >'');</span>
+    if (this.media) {
+      this.media.muted = Boolean(val);
+    }
+  }
+&nbsp;
+  get defaultMuted() {
+    return getVideoAttribute(this, AllowedVideoAttributes.MUTED) != <span class="fstat-no" title="function not covered" >null;</span>
+<span class="cstat-no" title="statement not covered" >  }</span>
+<span class="cstat-no" title="statement not covered" ></span>
+<span class="cstat-no" title="statement not covered" >  set defaultMuted(val) {</span>
+<span class="cstat-no" title="statement not covered" >    if (val) {</span>
+<span class="cstat-no" title="statement not covered" >      this.setAttribute(AllowedVideoAttributes.MUTED, '');</span>
 <span class="cstat-no" title="statement not covered" >    } else {</span>
 <span class="cstat-no" title="statement not covered" >      // Remove boolean attribute if false, 0, '', null, undefined.</span>
 <span class="cstat-no" title="statement not covered" >      this.removeAttribute(AllowedVideoAttributes.MUTED);</span>
@@ -964,7 +1042,7 @@ export default VideoApiElement;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jul 11 2022 16:36:07 GMT+0000 (Coordinated Universal Time)
+                at Wed Aug 03 2022 19:24:53 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../prettify.js"></script>
         <script>