[mirotalksfu] - #194 Fix typo, update dep

public/js/Brand.js

@@ -64,7 +64,7 @@ let BRAND = {
     },
     about: {
         imageUrl: '../images/mirotalk-logo.gif',
-        title: '<strong>WebRTC SFU v1.7.54</strong>',
+        title: '<strong>WebRTC SFU v1.7.55</strong>',
         html: `
             <button 
                 id="support-button" 

public/js/Room.js

@@ -11,7 +11,7 @@ if (location.href.substr(0, 5) !== 'https') location.href = 'https' + location.h
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.7.54
+ * @version 1.7.55
  *
  */
 
@@ -5270,7 +5270,7 @@ function showAbout() {
         position: 'center',
         imageUrl: BRAND.about?.imageUrl && BRAND.about.imageUrl.trim() !== '' ? BRAND.about.imageUrl : image.about,
         customClass: { image: 'img-about' },
-        title: BRAND.about?.title && BRAND.about.title.trim() !== '' ? BRAND.about.title : 'WebRTC SFU v1.7.54',
+        title: BRAND.about?.title && BRAND.about.title.trim() !== '' ? BRAND.about.title : 'WebRTC SFU v1.7.55',
         html: `
             <br />
             <div id="about">

public/js/RoomClient.js

@@ -9,7 +9,7 @@
  * @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon
  * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
  * @author  Miroslav Pejic - miroslav.pejic.85@gmail.com
- * @version 1.7.54
+ * @version 1.7.55
  *
  */
 

public/js/VirtualBackground.js

@@ -20,9 +20,7 @@ class VirtualBackground {
         this.activeGenerator = null;
         this.isProcessing = false;
         this.gifAnimation = null;
-        this.currentGifFrame = null;
         this.gifCanvas = null;
-        this.gifContext = null;
         this.frameCounter = 0;
         this.lastSegmentationMask = null;
     }
@@ -235,7 +233,7 @@ class VirtualBackground {
     async applyVirtualBackgroundToWebRTCStream(videoTrack, imageUrl) {
         // Determine if the background is a GIF
         const isGif = imageUrl.endsWith('.gif') || imageUrl.startsWith('data:image/gif');
-        let background = isGif ? await this.loadGifImage(imageUrl) : await this.loadImage(imageUrl);
+        const background = isGif ? await this.loadGifImage(imageUrl) : await this.loadImage(imageUrl);
 
         // Handler for applying virtual background
         const maskHandler = (ctx, canvas, mask, imageBitmap) => {
@@ -253,9 +251,7 @@ class VirtualBackground {
 
             // Draw background behind the person
             ctx.globalCompositeOperation = 'destination-over';
-            isGif && this.currentGifFrame
-                ? ctx.drawImage(this.currentGifFrame, 0, 0, canvas.width, canvas.height)
-                : ctx.drawImage(background, 0, 0, canvas.width, canvas.height);
+            ctx.drawImage(background, 0, 0, canvas.width, canvas.height);
         };
 
         console.log('✅ Apply Virtual Background.');
@@ -283,7 +279,6 @@ class VirtualBackground {
                 }
 
                 this.gifCanvas = document.createElement('canvas');
-                this.gifContext = this.gifCanvas.getContext('2d');
 
                 gifler(src).get((animation) => {
                     this.gifAnimation = animation;