diff --git a/app/src/Server.js b/app/src/Server.js
index d5ef5fc6..3b0c5395 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.5.62
+ * @version 1.5.63
*
*/
diff --git a/package.json b/package.json
index 1d4690ff..3304001c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "mirotalksfu",
- "version": "1.5.62",
+ "version": "1.5.63",
"description": "WebRTC SFU browser-based video calls",
"main": "Server.js",
"scripts": {
diff --git a/public/js/Room.js b/public/js/Room.js
index f699dd39..d4f99fa8 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.5.62
+ * @version 1.5.63
*
*/
@@ -4444,7 +4444,7 @@ function showAbout() {
imageUrl: image.about,
customClass: { image: 'img-about' },
position: 'center',
- title: 'WebRTC SFU v1.5.62',
+ title: 'WebRTC SFU v1.5.63',
html: `
diff --git a/public/js/RoomClient.js b/public/js/RoomClient.js
index a40a1cb3..60cd2618 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.5.62
+ * @version 1.5.63
*
*/
@@ -3511,10 +3511,7 @@ class RoomClient {
removeVideoPinMediaContainer() {
this.videoPinMediaContainer.style.display = 'none';
- this.videoMediaContainer.style.top = 0;
- this.videoMediaContainer.style.right = null;
- this.videoMediaContainer.style.width = '100%';
- this.videoMediaContainer.style.height = '100%';
+ this.videoMediaContainerUnpin();
this.pinnedVideoPlayerId = null;
this.isVideoPinned = false;
if (this.isChatPinned) {
@@ -3531,6 +3528,19 @@ class RoomClient {
}
}
+ videoMediaContainerPin() {
+ this.videoMediaContainer.style.top = 0;
+ this.videoMediaContainer.style.width = '75%';
+ this.videoMediaContainer.style.height = '100%';
+ }
+
+ videoMediaContainerUnpin() {
+ this.videoMediaContainer.style.top = 0;
+ this.videoMediaContainer.style.right = null;
+ this.videoMediaContainer.style.width = '100%';
+ this.videoMediaContainer.style.height = '100%';
+ }
+
adaptVideoObjectFit(index) {
// 1 (cover) 2 (contain)
BtnVideoObjectFit.selectedIndex = index;
@@ -3759,9 +3769,7 @@ class RoomClient {
chatPin() {
if (!this.isVideoPinned) {
- this.videoMediaContainer.style.top = 0;
- this.videoMediaContainer.style.width = '75%';
- this.videoMediaContainer.style.height = '100%';
+ this.videoMediaContainerPin();
}
this.chatPinned();
this.isChatPinned = true;
@@ -3775,10 +3783,7 @@ class RoomClient {
chatUnpin() {
if (!this.isVideoPinned) {
- this.videoMediaContainer.style.top = 0;
- this.videoMediaContainer.style.right = null;
- this.videoMediaContainer.style.width = '100%';
- this.videoMediaContainer.style.height = '100%';
+ this.videoMediaContainerUnpin();
}
document.documentElement.style.setProperty('--msger-width', '800px');
document.documentElement.style.setProperty('--msger-height', '700px');
@@ -4409,9 +4414,7 @@ class RoomClient {
pollPin() {
if (!this.isVideoPinned) {
- this.videoMediaContainer.style.top = 0;
- this.videoMediaContainer.style.width = '75%';
- this.videoMediaContainer.style.height = '100%';
+ this.videoMediaContainerPin();
}
this.pollPinned();
this.isPollPinned = true;
@@ -4423,10 +4426,7 @@ class RoomClient {
pollUnpin() {
if (!this.isVideoPinned) {
- this.videoMediaContainer.style.top = 0;
- this.videoMediaContainer.style.right = null;
- this.videoMediaContainer.style.width = '100%';
- this.videoMediaContainer.style.height = '100%';
+ this.videoMediaContainerUnpin();
}
pollRoom.style.maxWidth = '600px';
pollRoom.style.maxHeight = '700px';
@@ -4771,10 +4771,7 @@ class RoomClient {
editorUnpin() {
if (!this.isVideoPinned) {
- this.videoMediaContainer.style.top = 0;
- this.videoMediaContainer.style.right = null;
- this.videoMediaContainer.style.width = '100%';
- this.videoMediaContainer.style.height = '100%';
+ this.videoMediaContainerUnpin();
}
editorRoom.style.maxWidth = '100%';
editorRoom.style.maxHeight = '100%';