From 534f2f79a7eb8aac56edaab70062f5713bea52f9 Mon Sep 17 00:00:00 2001 From: Miroslav Pejic Date: Wed, 15 Jan 2025 22:14:23 +0100 Subject: [PATCH] [mirotalksfu] - add dimmed ui effect --- app/src/Server.js | 2 +- package.json | 4 ++-- public/css/VideoGrid.css | 2 ++ public/js/Room.js | 4 ++-- public/js/RoomClient.js | 5 +++-- 5 files changed, 10 insertions(+), 7 deletions(-) diff --git a/app/src/Server.js b/app/src/Server.js index ceaf541a..ee35943b 100644 --- a/app/src/Server.js +++ b/app/src/Server.js @@ -55,7 +55,7 @@ dev dependencies: { * @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.01 + * @version 1.7.02 * */ diff --git a/package.json b/package.json index 078000a9..6355658a 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mirotalksfu", - "version": "1.7.01", + "version": "1.7.02", "description": "WebRTC SFU browser-based video calls", "main": "Server.js", "scripts": { @@ -58,7 +58,7 @@ }, "dependencies": { "@mattermost/client": "10.2.0", - "@sentry/node": "^8.48.0", + "@sentry/node": "^8.50.0", "axios": "^1.7.9", "colors": "1.4.0", "compression": "1.7.5", diff --git a/public/css/VideoGrid.css b/public/css/VideoGrid.css index dd84254f..390d3c96 100644 --- a/public/css/VideoGrid.css +++ b/public/css/VideoGrid.css @@ -10,12 +10,14 @@ width: 100%; height: 100%; border-radius: 5px; + opacity: 1; align-content: center; flex-wrap: wrap; align-items: center; justify-content: center; vertical-align: middle; overflow: hidden; + transition: opacity 500ms; /* border: 3px solid blue; */ } diff --git a/public/js/Room.js b/public/js/Room.js index aff9396a..54ec94bd 100644 --- a/public/js/Room.js +++ b/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.01 + * @version 1.7.02 * */ @@ -4904,7 +4904,7 @@ function showAbout() { imageUrl: image.about, customClass: { image: 'img-about' }, position: 'center', - title: 'WebRTC SFU v1.7.01', + title: 'WebRTC SFU v1.7.02', html: `
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js index 384637ef..6b21ea5c 100644 --- a/public/js/RoomClient.js +++ b/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.01 + * @version 1.7.02 * */ @@ -3395,7 +3395,8 @@ class RoomClient { mySettings.style.height = '100%'; } mySettings.classList.toggle('show'); - this.isMySettingsOpen = this.isMySettingsOpen ? false : true; + this.isMySettingsOpen = !this.isMySettingsOpen; + this.videoMediaContainer.style.opacity = this.isMySettingsOpen ? 0.3 : 1; } openTab(evt, tabName) {