npm - etro - Versions diffs - 0.8.0 → 0.8.3 - Mend

etro 0.8.0 → 0.8.3

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 (97) hide show

package/.github/workflows/nodejs.yml +3 -1
package/.github/workflows/shipjs-trigger.yml +29 -0
package/CHANGELOG.md +36 -13
package/CODE_OF_CONDUCT.md +5 -5
package/CONTRIBUTING.md +22 -72
package/README.md +2 -2
package/dist/effect/base.d.ts +14 -1
package/dist/etro-cjs.js +189 -230
package/dist/etro-iife.js +189 -230
package/dist/layer/base.d.ts +13 -0
package/eslint.conf.js +2 -1
package/eslint.test-conf.js +1 -0
package/examples/application/readme-screenshot.html +4 -8
package/examples/application/video-player.html +3 -4
package/examples/introduction/effects.html +23 -4
package/karma.conf.js +4 -2
package/package.json +8 -4
package/scripts/gen-effect-samples.html +0 -3
package/ship.config.js +80 -0
package/src/effect/base.ts +29 -10
package/src/effect/gaussian-blur.ts +10 -10
package/src/effect/pixelate.ts +1 -2
package/src/effect/shader.ts +18 -22
package/src/effect/stack.ts +8 -4
package/src/effect/transform.ts +13 -14
package/src/event.ts +8 -14
package/src/layer/audio-source.ts +16 -14
package/src/layer/audio.ts +1 -2
package/src/layer/base.ts +26 -7
package/src/layer/visual.ts +11 -6
package/src/movie.ts +70 -64
package/src/util.ts +50 -57
package/docs/effect.js.html +0 -1215
package/docs/event.js.html +0 -145
package/docs/index.html +0 -81
package/docs/index.js.html +0 -92
package/docs/layer.js.html +0 -888
package/docs/module-effect-GaussianBlurComponent.html +0 -345
package/docs/module-effect.Brightness.html +0 -339
package/docs/module-effect.Channels.html +0 -319
package/docs/module-effect.ChromaKey.html +0 -611
package/docs/module-effect.Contrast.html +0 -339
package/docs/module-effect.EllipticalMask.html +0 -200
package/docs/module-effect.GaussianBlur.html +0 -202
package/docs/module-effect.GaussianBlurHorizontal.html +0 -242
package/docs/module-effect.GaussianBlurVertical.html +0 -242
package/docs/module-effect.Pixelate.html +0 -330
package/docs/module-effect.Shader.html +0 -1227
package/docs/module-effect.Stack.html +0 -406
package/docs/module-effect.Transform.Matrix.html +0 -193
package/docs/module-effect.Transform.html +0 -1174
package/docs/module-effect.html +0 -148
package/docs/module-event.html +0 -473
package/docs/module-index.html +0 -186
package/docs/module-layer-Media.html +0 -1116
package/docs/module-layer-MediaMixin.html +0 -164
package/docs/module-layer.Audio.html +0 -1188
package/docs/module-layer.Base.html +0 -629
package/docs/module-layer.Image.html +0 -1421
package/docs/module-layer.Text.html +0 -1731
package/docs/module-layer.Video.html +0 -1938
package/docs/module-layer.Visual.html +0 -1698
package/docs/module-layer.html +0 -137
package/docs/module-movie.html +0 -3118
package/docs/module-util.Color.html +0 -702
package/docs/module-util.Font.html +0 -395
package/docs/module-util.html +0 -845
package/docs/movie.js.html +0 -689
package/docs/scripts/collapse.js +0 -20
package/docs/scripts/linenumber.js +0 -25
package/docs/scripts/nav.js +0 -12
package/docs/scripts/polyfill.js +0 -4
package/docs/scripts/prettify/Apache-License-2.0.txt +0 -202
package/docs/scripts/prettify/lang-css.js +0 -2
package/docs/scripts/prettify/prettify.js +0 -28
package/docs/scripts/search.js +0 -83
package/docs/styles/jsdoc.css +0 -671
package/docs/styles/prettify.css +0 -79
package/docs/util.js.html +0 -503
package/spec/assets/effect/gaussian-blur-horizontal.png +0 -0
package/spec/assets/effect/gaussian-blur-vertical.png +0 -0
package/spec/assets/effect/grayscale.png +0 -0
package/spec/assets/effect/original.png +0 -0
package/spec/assets/effect/pixelate.png +0 -0
package/spec/assets/effect/transform/multiply.png +0 -0
package/spec/assets/effect/transform/rotate.png +0 -0
package/spec/assets/effect/transform/scale-fraction.png +0 -0
package/spec/assets/effect/transform/scale.png +0 -0
package/spec/assets/effect/transform/translate-fraction.png +0 -0
package/spec/assets/effect/transform/translate.png +0 -0
package/spec/assets/layer/audio.wav +0 -0
package/spec/assets/layer/image.jpg +0 -0
package/spec/effect.spec.js +0 -421
package/spec/event.spec.js +0 -39
package/spec/layer.spec.js +0 -307
package/spec/movie.spec.js +0 -346
package/spec/util.spec.js +0 -294

package/docs/module-layer.Video.html DELETED Viewed

@@ -1,1938 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="utf-8">
-    <title>Video - Documentation</title>
-    <script src="scripts/prettify/prettify.js"></script>
-    <script src="scripts/prettify/lang-css.js"></script>
-    <!--[if lt IE 9]>
-      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-    <link type="text/css" rel="stylesheet" href="styles/prettify.css">
-    <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
-    <script src="scripts/nav.js" defer></script>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
-<body>
-<input type="checkbox" id="nav-trigger" class="nav-trigger" />
-<label for="nav-trigger" class="navicon-button x">
-  <div class="navicon"></div>
-</label>
-<label for="nav-trigger" class="overlay"></label>
-<nav >
-    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="module-effect.Brightness.html">Brightness</a></li><li><a href="module-effect.Channels.html">Channels</a></li><li><a href="module-effect.ChromaKey.html">ChromaKey</a></li><li><a href="module-effect.Contrast.html">Contrast</a></li><li><a href="module-effect.EllipticalMask.html">EllipticalMask</a></li><li><a href="module-effect.GaussianBlur.html">GaussianBlur</a></li><li><a href="module-effect.GaussianBlurHorizontal.html">GaussianBlurHorizontal</a></li><li><a href="module-effect.GaussianBlurVertical.html">GaussianBlurVertical</a></li><li><a href="module-effect.Pixelate.html">Pixelate</a></li><li><a href="module-effect.Shader.html">Shader</a><ul class='methods'><li data-type='method'><a href="module-effect.Shader.html#._initBuffer">_initBuffer</a></li><li data-type='method'><a href="module-effect.Shader.html#._loadTexture">_loadTexture</a></li><li data-type='method'><a href="module-effect.Shader.html#_prepareValue">_prepareValue</a></li></ul></li><li><a href="module-effect.Stack.html">Stack</a><ul class='methods'><li data-type='method'><a href="module-effect.Stack.html#addEffect">addEffect</a></li></ul></li><li><a href="module-effect.Transform.html">Transform</a><ul class='methods'><li data-type='method'><a href="module-effect.Transform.html#.Matrix#cell">Matrix#cell</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#multiply">Matrix#multiply</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#rotate">Matrix#rotate</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#scale">Matrix#scale</a></li><li data-type='method'><a href="module-effect.Transform.html#.Matrix#translate">Matrix#translate</a></li></ul></li><li><a href="module-effect.Transform.Matrix.html">Matrix</a></li><li><a href="module-effect-GaussianBlurComponent.html">GaussianBlurComponent</a></li><li><a href="module-layer.Audio.html">Audio</a></li><li><a href="module-layer.Base.html">Base</a><ul class='methods'><li data-type='method'><a href="module-layer.Base.html#_render">_render</a></li></ul></li><li><a href="module-layer.Image.html">Image</a></li><li><a href="module-layer.Text.html">Text</a></li><li><a href="module-layer.Video.html">Video</a></li><li><a href="module-layer.Visual.html">Visual</a><ul class='methods'><li data-type='method'><a href="module-layer.Visual.html#_render">_render</a></li><li data-type='method'><a href="module-layer.Visual.html#addEffect">addEffect</a></li></ul></li><li><a href="module-layer-Media.html">Media</a></li><li><a href="module-movie.html">movie</a><ul class='methods'><li data-type='method'><a href="module-movie.html#addEffect">addEffect</a></li><li data-type='method'><a href="module-movie.html#addLayer">addLayer</a></li><li data-type='method'><a href="module-movie.html#pause">pause</a></li><li data-type='method'><a href="module-movie.html#play">play</a></li><li data-type='method'><a href="module-movie.html#publishToLayers">publishToLayers</a></li><li data-type='method'><a href="module-movie.html#record">record</a></li><li data-type='method'><a href="module-movie.html#refresh">refresh</a></li><li data-type='method'><a href="module-movie.html#setCurrentTime">setCurrentTime</a></li><li data-type='method'><a href="module-movie.html#stop">stop</a></li></ul></li><li><a href="module-util.Color.html">Color</a><ul class='methods'><li data-type='method'><a href="module-util.Color.html#toString">toString</a></li></ul></li><li><a href="module-util.Font.html">Font</a><ul class='methods'><li data-type='method'><a href="module-util.Font.html#toString">toString</a></li></ul></li></ul><h3>Modules</h3><ul><li><a href="module-effect.html">effect</a></li><li><a href="module-event.html">event</a><ul class='methods'><li data-type='method'><a href="module-event.html#.publish">publish</a></li><li data-type='method'><a href="module-event.html#.subscribe">subscribe</a></li></ul></li><li><a href="module-index.html">index</a></li><li><a href="module-layer.html">layer</a></li><li><a href="module-movie.html">movie</a><ul class='methods'><li data-type='method'><a href="module-movie.html#addEffect">addEffect</a></li><li data-type='method'><a href="module-movie.html#addLayer">addLayer</a></li><li data-type='method'><a href="module-movie.html#pause">pause</a></li><li data-type='method'><a href="module-movie.html#play">play</a></li><li data-type='method'><a href="module-movie.html#publishToLayers">publishToLayers</a></li><li data-type='method'><a href="module-movie.html#record">record</a></li><li data-type='method'><a href="module-movie.html#refresh">refresh</a></li><li data-type='method'><a href="module-movie.html#setCurrentTime">setCurrentTime</a></li><li data-type='method'><a href="module-movie.html#stop">stop</a></li></ul></li><li><a href="module-util.html">util</a><ul class='methods'><li data-type='method'><a href="module-util.html#.parseColor">parseColor</a></li><li data-type='method'><a href="module-util.html#.parseFont">parseFont</a></li><li data-type='method'><a href="module-util.html#.watchPublic">watchPublic</a></li><li data-type='method'><a href="module-util.html#~isKeyFrames">isKeyFrames</a></li></ul></li></ul><h3>Mixins</h3><ul><li><a href="module-layer-MediaMixin.html">MediaMixin</a></li></ul>
-</nav>
-<div id="main">
-    <h1 class="page-title">Video</h1>
-<section>
-<header>
-        <h2>
-            <span class="ancestors"><a href="module-layer.html">layer</a>.</span>
-        Video
-        </h2>
-</header>
-<article>
-        <div class="container-overview">
-    <h4 class="name" id="Video"><span class="type-signature"></span>new Video<span class="signature">(startTime, media, options<span class="signature-attributes">opt</span>, startTime, media, options<span class="signature-attributes">opt</span>)</span><span class="type-signature"></span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line713">line 713</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Creates a new video layer
-</div>
-    <h5>Parameters:</h5>
-<table class="params">
-    <thead>
-    <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Attributes</th>
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-    <tbody>
-        <tr>
-                <td class="name"><code>startTime</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>media</code></td>
-            <td class="type">
-<span class="param-type">HTMLVideoElement</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>options</code></td>
-            <td class="type">
-<span class="param-type">object</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>startTime</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>media</code></td>
-            <td class="type">
-<span class="param-type">HTMLVideoElement</span>
-            </td>
-                <td class="attributes">
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>options</code></td>
-            <td class="type">
-<span class="param-type">object</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-            <td class="description last">
-                <h6>Properties</h6>
-<table class="params">
-    <thead>
-    <tr>
-        <th>Name</th>
-        <th>Type</th>
-        <th>Attributes</th>
-        <th>Default</th>
-        <th class="last">Description</th>
-    </tr>
-    </thead>
-    <tbody>
-        <tr>
-                <td class="name"><code>mediaStartTime</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">at what time in the audio the layer starts</td>
-        </tr>
-        <tr>
-                <td class="name"><code>duration</code></td>
-            <td class="type">
-<span class="param-type">numer</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>media.duration-options.mediaStartTime</code>
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>muted</code></td>
-            <td class="type">
-<span class="param-type">boolean</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>false</code>
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>volume</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>1</code>
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>speed</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>1</code>
-                </td>
-            <td class="description last">the audio's playerback rate</td>
-        </tr>
-        <tr>
-                <td class="name"><code>mediaStartTime</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">at what time in the video the layer starts</td>
-        </tr>
-        <tr>
-                <td class="name"><code>duration</code></td>
-            <td class="type">
-<span class="param-type">numer</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>media.duration-options.mediaStartTime</code>
-                </td>
-            <td class="description last"></td>
-        </tr>
-        <tr>
-                <td class="name"><code>clipX</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">video source x</td>
-        </tr>
-        <tr>
-                <td class="name"><code>clipY</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">video source y</td>
-        </tr>
-        <tr>
-                <td class="name"><code>clipWidth</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">video destination width</td>
-        </tr>
-        <tr>
-                <td class="name"><code>clipHeight</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">video destination height</td>
-        </tr>
-        <tr>
-                <td class="name"><code>mediaX</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">video offset relative to the layer</td>
-        </tr>
-        <tr>
-                <td class="name"><code>mediaY</code></td>
-            <td class="type">
-<span class="param-type">number</span>
-            </td>
-                <td class="attributes">
-                    &lt;optional><br>
-                </td>
-                <td class="default">
-                    <code>0</code>
-                </td>
-            <td class="description last">video offset relative to the layer</td>
-        </tr>
-    </tbody>
-</table>
-            </td>
-        </tr>
-    </tbody>
-</table>
-        </div>
-        <h3 class="subsection-title">Extends</h3>
-    <ul>
-        <li><a href="module-layer-Media.html">module:layer~Media</a></li>
-    </ul>
-        <h3 class="subsection-title">Members</h3>
-<h4 class="name" id="clipX"><span class="type-signature"></span>clipX<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line741">line 741</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Video source x
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="clipY"><span class="type-signature"></span>clipY<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line747">line 747</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Video source y
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="duration"><span class="type-signature"></span>duration<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line658">line 658</a>
-    </li></ul></dd>
-    <dt class="tag-overrides">Overrides:</dt>
-    <dd class="tag-overrides"><ul class="dummy"><li>
-        <a href="module-layer-Media.html#duration">module:layer~Media#duration</a>
-    </li></ul></dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="media"><span class="type-signature"></span>media<span class="type-signature"> :HTMLMediaElement</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line609">line 609</a>
-    </li></ul></dd>
-    <dt class="tag-overrides">Overrides:</dt>
-    <dd class="tag-overrides"><ul class="dummy"><li>
-        <a href="module-layer-Media.html#media">module:layer~Media#media</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    The raw html media element
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">HTMLMediaElement</span>
-        </li>
-    </ul>
-<h4 class="name" id="mediaHeight"><span class="type-signature"></span>mediaHeight<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line771">line 771</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Video destination height
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="mediaStartTime"><span class="type-signature"></span>mediaStartTime<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line645">line 645</a>
-    </li></ul></dd>
-    <dt class="tag-overrides">Overrides:</dt>
-    <dd class="tag-overrides"><ul class="dummy"><li>
-        <a href="module-layer-Media.html#mediaStartTime">module:layer~Media#mediaStartTime</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Where in the media the layer starts at
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="mediaWidth"><span class="type-signature"></span>mediaWidth<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line765">line 765</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Video destination width
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="mediaX"><span class="type-signature"></span>mediaX<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line753">line 753</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Video offset relative to layer
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="mediaY"><span class="type-signature"></span>mediaY<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line759">line 759</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    Video offset relative to layer
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="muted"><span class="type-signature"></span>muted<span class="type-signature"> :boolean</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line663">line 663</a>
-    </li></ul></dd>
-    <dt class="tag-overrides">Overrides:</dt>
-    <dd class="tag-overrides"><ul class="dummy"><li>
-        <a href="module-layer-Media.html#muted">module:layer~Media#muted</a>
-    </li></ul></dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">boolean</span>
-        </li>
-    </ul>
-<h4 class="name" id="playbackRate"><span class="type-signature"></span>playbackRate<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line673">line 673</a>
-    </li></ul></dd>
-    <dt class="tag-overrides">Overrides:</dt>
-    <dd class="tag-overrides"><ul class="dummy"><li>
-        <a href="module-layer-Media.html#playbackRate">module:layer~Media#playbackRate</a>
-    </li></ul></dd>
-    <dt class="tag-todo">To Do:</dt>
-    <dd class="tag-todo">
-        <ul>
-            <li><strong>Implement</strong></li>
-        </ul>
-    </dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-<h4 class="name" id="source"><span class="type-signature"></span>source<span class="type-signature"> :MediaStreamAudioSourceNode</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line617">line 617</a>
-    </li></ul></dd>
-    <dt class="tag-overrides">Overrides:</dt>
-    <dd class="tag-overrides"><ul class="dummy"><li>
-        <a href="module-layer-Media.html#source">module:layer~Media#source</a>
-    </li></ul></dd>
-</dl>
-<div class="description">
-    The audio source node for the media
-</div>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">MediaStreamAudioSourceNode</span>
-        </li>
-    </ul>
-<h4 class="name" id="volume"><span class="type-signature"></span>volume<span class="type-signature"> :number</span></h4>
-<dl class="details">
-    <dt class="tag-source">Source:</dt>
-    <dd class="tag-source"><ul class="dummy"><li>
-        <a href="layer.js.html">layer.js</a>, <a href="layer.js.html#line668">line 668</a>
-    </li></ul></dd>
-    <dt class="tag-overrides">Overrides:</dt>
-    <dd class="tag-overrides"><ul class="dummy"><li>
-        <a href="module-layer-Media.html#volume">module:layer~Media#volume</a>
-    </li></ul></dd>
-</dl>
-    <h5>Type:</h5>
-    <ul>
-        <li>
-<span class="param-type">number</span>
-        </li>
-    </ul>
-</article>
-</section>
-</div>
-<br class="clear">
-<footer>
-    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Sun Oct 13 2019 15:38:43 GMT-0400 (Eastern Daylight Time) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
-</footer>
-<script>prettyPrint();</script>
-<script src="scripts/polyfill.js"></script>
-<script src="scripts/linenumber.js"></script>
-</body>
-</html>