2.1.0-rc2

twilio · Dec 7, 2023 · 44f6ca3 · 44f6ca3
1 parent 17c4f9a
commit 44f6ca3
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 8 deletions.
diff --git a/examples/virtualbackground/twilio-video-processors.js b/examples/virtualbackground/twilio-video-processors.js
@@ -1,4 +1,4 @@
-/*! twilio-video-processors.js 2.1.0-rc1
+/*! twilio-video-processors.js 2.1.0-rc2
 
 The following license applies to all parts of this software except as
 documented below.
@@ -1220,7 +1220,7 @@ exports.buildJointBilateralFilterStage = void 0;
 var segmentationHelper_1 = require("../helpers/segmentationHelper");
 var webglHelper_1 = require("../helpers/webglHelper");
 function buildJointBilateralFilterStage(gl, vertexShader, positionBuffer, texCoordBuffer, inputTexture, segmentationConfig, outputTexture, canvas) {
-    var fragmentShaderSource = (0, webglHelper_1.glsl)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["#version 300 es\n\n    precision highp float;\n\n    uniform sampler2D u_inputFrame;\n    uniform sampler2D u_segmentationMask;\n    uniform vec2 u_texelSize;\n    uniform float u_step;\n    uniform float u_radius;\n    uniform float u_offset;\n    uniform float u_sigmaTexel;\n    uniform float u_sigmaColor;\n\n    in vec2 v_texCoord;\n\n    out vec4 outColor;\n\n    float gaussian(float x, float sigma) {\n      float coeff = -0.5 / (sigma * sigma * 4.0 + 1.0e-6);\n      return exp((x * x) * coeff);\n    }\n\n    void main() {\n      vec2 centerCoord = v_texCoord;\n      vec3 centerColor = texture(u_inputFrame, centerCoord).rgb;\n      float newVal = 0.0;\n\n      float spaceWeight = 0.0;\n      float colorWeight = 0.0;\n      float totalWeight = 0.0;\n\n      // Subsample kernel space.\n      for (float i = -u_radius + u_offset; i <= u_radius; i += u_step) {\n        for (float j = -u_radius + u_offset; j <= u_radius; j += u_step) {\n          vec2 shift = vec2(j, i) * u_texelSize;\n          vec2 coord = vec2(centerCoord + shift);\n          vec3 frameColor = texture(u_inputFrame, coord).rgb;\n          float outVal = texture(u_segmentationMask, coord).a;\n\n          spaceWeight = gaussian(distance(centerCoord, coord), u_sigmaTexel);\n          colorWeight = gaussian(distance(centerColor, frameColor), u_sigmaColor);\n          totalWeight += spaceWeight * colorWeight;\n\n          newVal += spaceWeight * colorWeight * outVal;\n        }\n      }\n      newVal /= totalWeight;\n\n      outColor = vec4(vec3(0.0), newVal);\n    }\n  "], ["#version 300 es\n\n    precision highp float;\n\n    uniform sampler2D u_inputFrame;\n    uniform sampler2D u_segmentationMask;\n    uniform vec2 u_texelSize;\n    uniform float u_step;\n    uniform float u_radius;\n    uniform float u_offset;\n    uniform float u_sigmaTexel;\n    uniform float u_sigmaColor;\n\n    in vec2 v_texCoord;\n\n    out vec4 outColor;\n\n    float gaussian(float x, float sigma) {\n      float coeff = -0.5 / (sigma * sigma * 4.0 + 1.0e-6);\n      return exp((x * x) * coeff);\n    }\n\n    void main() {\n      vec2 centerCoord = v_texCoord;\n      vec3 centerColor = texture(u_inputFrame, centerCoord).rgb;\n      float newVal = 0.0;\n\n      float spaceWeight = 0.0;\n      float colorWeight = 0.0;\n      float totalWeight = 0.0;\n\n      // Subsample kernel space.\n      for (float i = -u_radius + u_offset; i <= u_radius; i += u_step) {\n        for (float j = -u_radius + u_offset; j <= u_radius; j += u_step) {\n          vec2 shift = vec2(j, i) * u_texelSize;\n          vec2 coord = vec2(centerCoord + shift);\n          vec3 frameColor = texture(u_inputFrame, coord).rgb;\n          float outVal = texture(u_segmentationMask, coord).a;\n\n          spaceWeight = gaussian(distance(centerCoord, coord), u_sigmaTexel);\n          colorWeight = gaussian(distance(centerColor, frameColor), u_sigmaColor);\n          totalWeight += spaceWeight * colorWeight;\n\n          newVal += spaceWeight * colorWeight * outVal;\n        }\n      }\n      newVal /= totalWeight;\n\n      outColor = vec4(vec3(0.0), newVal);\n    }\n  "])));
+    var fragmentShaderSource = (0, webglHelper_1.glsl)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["#version 300 es\n\n    precision highp float;\n\n    uniform sampler2D u_inputFrame;\n    uniform sampler2D u_segmentationMask;\n    uniform vec2 u_texelSize;\n    uniform float u_step;\n    uniform float u_radius;\n    uniform float u_offset;\n    uniform float u_sigmaTexel;\n    uniform float u_sigmaColor;\n\n    in vec2 v_texCoord;\n\n    out vec4 outColor;\n\n    float gaussian(float x, float sigma) {\n      float coeff = -0.5 / (sigma * sigma * 4.0 + 1.0e-6);\n      return exp((x * x) * coeff);\n    }\n\n    void main() {\n      vec2 centerCoord = v_texCoord;\n      vec3 centerColor = texture(u_inputFrame, centerCoord).rgb;\n      float newVal = 0.0;\n\n      float spaceWeight = 0.0;\n      float colorWeight = 0.0;\n      float totalWeight = 0.0;\n\n      vec2 leftTopCoord = vec2(centerCoord + vec2(-u_radius, -u_radius) * u_texelSize);\n      vec2 rightTopCoord = vec2(centerCoord + vec2(u_radius, -u_radius) * u_texelSize);\n      vec2 leftBottomCoord = vec2(centerCoord + vec2(-u_radius, u_radius) * u_texelSize);\n      vec2 rightBottomCoord = vec2(centerCoord + vec2(u_radius, u_radius) * u_texelSize);\n\n      float leftTopSegAlpha = texture(u_segmentationMask, leftTopCoord).a;\n      float rightTopSegAlpha = texture(u_segmentationMask, rightTopCoord).a;\n      float leftBottomSegAlpha = texture(u_segmentationMask, leftBottomCoord).a;\n      float rightBottomSegAlpha = texture(u_segmentationMask, rightBottomCoord).a;\n      float totalSegAlpha = leftTopSegAlpha + rightTopSegAlpha + leftBottomSegAlpha + rightBottomSegAlpha;\n\n      if (totalSegAlpha <= 0.0) {\n        outColor = vec4(vec3(0.0), 0.0);\n      } else if (totalSegAlpha >= 4.0) {\n        outColor = vec4(vec3(0.0), 1.0);\n      } else {\n        for (float i = -u_radius + u_offset; i <= u_radius; i += u_step) {\n          for (float j = -u_radius + u_offset; j <= u_radius; j += u_step) {\n            vec2 shift = vec2(j, i) * u_texelSize;\n            vec2 coord = vec2(centerCoord + shift);\n            vec3 frameColor = texture(u_inputFrame, coord).rgb;\n            float outVal = texture(u_segmentationMask, coord).a;\n\n            spaceWeight = gaussian(distance(centerCoord, coord), u_sigmaTexel);\n            colorWeight = gaussian(distance(centerColor, frameColor), u_sigmaColor);\n            totalWeight += spaceWeight * colorWeight;\n\n            newVal += spaceWeight * colorWeight * outVal;\n          }\n        }\n        newVal /= totalWeight;\n\n        outColor = vec4(vec3(0.0), newVal);\n      }\n    }\n  "], ["#version 300 es\n\n    precision highp float;\n\n    uniform sampler2D u_inputFrame;\n    uniform sampler2D u_segmentationMask;\n    uniform vec2 u_texelSize;\n    uniform float u_step;\n    uniform float u_radius;\n    uniform float u_offset;\n    uniform float u_sigmaTexel;\n    uniform float u_sigmaColor;\n\n    in vec2 v_texCoord;\n\n    out vec4 outColor;\n\n    float gaussian(float x, float sigma) {\n      float coeff = -0.5 / (sigma * sigma * 4.0 + 1.0e-6);\n      return exp((x * x) * coeff);\n    }\n\n    void main() {\n      vec2 centerCoord = v_texCoord;\n      vec3 centerColor = texture(u_inputFrame, centerCoord).rgb;\n      float newVal = 0.0;\n\n      float spaceWeight = 0.0;\n      float colorWeight = 0.0;\n      float totalWeight = 0.0;\n\n      vec2 leftTopCoord = vec2(centerCoord + vec2(-u_radius, -u_radius) * u_texelSize);\n      vec2 rightTopCoord = vec2(centerCoord + vec2(u_radius, -u_radius) * u_texelSize);\n      vec2 leftBottomCoord = vec2(centerCoord + vec2(-u_radius, u_radius) * u_texelSize);\n      vec2 rightBottomCoord = vec2(centerCoord + vec2(u_radius, u_radius) * u_texelSize);\n\n      float leftTopSegAlpha = texture(u_segmentationMask, leftTopCoord).a;\n      float rightTopSegAlpha = texture(u_segmentationMask, rightTopCoord).a;\n      float leftBottomSegAlpha = texture(u_segmentationMask, leftBottomCoord).a;\n      float rightBottomSegAlpha = texture(u_segmentationMask, rightBottomCoord).a;\n      float totalSegAlpha = leftTopSegAlpha + rightTopSegAlpha + leftBottomSegAlpha + rightBottomSegAlpha;\n\n      if (totalSegAlpha <= 0.0) {\n        outColor = vec4(vec3(0.0), 0.0);\n      } else if (totalSegAlpha >= 4.0) {\n        outColor = vec4(vec3(0.0), 1.0);\n      } else {\n        for (float i = -u_radius + u_offset; i <= u_radius; i += u_step) {\n          for (float j = -u_radius + u_offset; j <= u_radius; j += u_step) {\n            vec2 shift = vec2(j, i) * u_texelSize;\n            vec2 coord = vec2(centerCoord + shift);\n            vec3 frameColor = texture(u_inputFrame, coord).rgb;\n            float outVal = texture(u_segmentationMask, coord).a;\n\n            spaceWeight = gaussian(distance(centerCoord, coord), u_sigmaTexel);\n            colorWeight = gaussian(distance(centerColor, frameColor), u_sigmaColor);\n            totalWeight += spaceWeight * colorWeight;\n\n            newVal += spaceWeight * colorWeight * outVal;\n          }\n        }\n        newVal /= totalWeight;\n\n        outColor = vec4(vec3(0.0), newVal);\n      }\n    }\n  "])));
     var _a = segmentationHelper_1.inputResolutions[segmentationConfig.inputResolution], segmentationWidth = _a[0], segmentationHeight = _a[1];
     var outputWidth = canvas.width, outputHeight = canvas.height;
     var texelWidth = 1 / outputWidth;
@@ -1721,6 +1721,6 @@ exports.version = void 0;
 /**
  * The current version of the library.
  */
-exports.version = '2.1.0-rc1';
+exports.version = '2.1.0-rc2';
 
 },{}]},{},[2]);
diff --git a/examples/virtualbackground/twilio-video-processors.min.js b/examples/virtualbackground/twilio-video-processors.min.js
diff --git a/index.html b/index.html
@@ -12,7 +12,10 @@
 <div class="col-content">
 <div class="tsd-page-title">
 <h2>@twilio/video-processors</h2></div>
-<div class="tsd-panel tsd-typography"><a id="md:twilio-video-processors" class="tsd-anchor"></a><h1><a href="#md:twilio-video-processors">Twilio Video Processors</a></h1><p>Twilio Video Processors is a collection of video processing tools which can be used with <a href="https://github.com/twilio/twilio-video.js">Twilio Video JavaScript SDK</a> to apply transformations and filters to a VideoTrack.</p>
+<div class="tsd-panel tsd-typography"><a id="md:twilio-video-processors" class="tsd-anchor"></a><h1><a href="#md:twilio-video-processors">Twilio Video Processors</a></h1><blockquote>
+<p>[!WARNING]<br>We are no longer allowing new customers to onboard to Twilio Video. Effective <strong>December 5th, 2024</strong>, Twilio Video will End of Life (EOL) and will cease to function for all customers. Customers may transition to any video provider they choose, however, we are recommending customers migrate to the Zoom Video SDK and we have prepared a <a href="https://developers.zoom.us/docs/video-sdk/twilio/">Migration Guide</a>. Additional information on this EOL is available in our Help Center <a href="https://support.twilio.com/hc/en-us/articles/20950630029595-Programmable-Video-End-of-Life-Notice">here</a>.</p>
+</blockquote>
+<p>Twilio Video Processors is a collection of video processing tools which can be used with <a href="https://github.com/twilio/twilio-video.js">Twilio Video JavaScript SDK</a> to apply transformations and filters to a VideoTrack.</p>
 <p>&nbsp;&nbsp; <a href="https://twilio.github.io/twilio-video-processors.js/examples/virtualbackground/">See it live here!</a></p>
 <a id="md:features" class="tsd-anchor"></a><h2><a href="#md:features">Features</a></h2><p>The following Video Processors are provided to apply transformations and filters to a person&#39;s background. You can also use them as a reference for creating your own Video Processors that can be used with <a href="https://github.com/twilio/twilio-video.js">Twilio Video JavaScript SDK</a>.</p>
 <ul>
@@ -93,4 +96,4 @@ <h3><svg width="20" height="20" viewBox="0 0 24 24" fill="none"><use href="#icon
 <li><a href="variables/version.html"><svg class="tsd-kind-icon" viewBox="0 0 24 24"><use href="#icon-32"></use></svg><span>version</span></a></li></ul></nav></div></div></div>
 <div class="tsd-generator">
 <p>Generated using <a href="https://typedoc.org/" rel="noopener" target="_blank">TypeDoc</a></p></div>
-<div class="overlay"></div></body></html>
+<div class="overlay"></div></body></html>
diff --git a/variables/version.html b/variables/version.html
@@ -15,7 +15,7 @@
 <li><a href="../modules.html">@twilio/video-processors</a></li>
 <li><a href="version.html">version</a></li></ul>
 <h1>Variable version<code class="tsd-tag ts-flagConst">Const</code> </h1></div>
-<div class="tsd-signature"><span class="tsd-kind-variable">version</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;2.1.0-rc1&#39;</span></div>
+<div class="tsd-signature"><span class="tsd-kind-variable">version</span><span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#39;2.1.0-rc2&#39;</span></div>
 <div class="tsd-comment tsd-typography"><p>The current version of the library.</p>
 </div>
 <div class="tsd-comment tsd-typography"></div></div>