aheh/mirotalk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[mirotalk] - improve camera-screen resizes, update dep

Browse Source
This commit is contained in:
Miroslav Pejic
2025-12-11 22:30:23 +01:00
parent 801ae937f8
commit cfb1e0757e
8 changed files with 51 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.env.template
+1 -1
View File
@@ -1,5 +1,5 @@
# ====================================================
# MiroTalk P2P v.1.6.74 - Environment Configuration
# MiroTalk P2P v.1.6.75 - Environment Configuration
# ====================================================
# App environment
app/src/config.template.js
+1 -1
View File
@@ -2,7 +2,7 @@
/**
* ==============================================
* MiroTalk P2P v.1.6.74 - Configuration File
* MiroTalk P2P v.1.6.75 - Configuration File
* ==============================================
*
* Branding and customizations require a license:
app/src/server.js
+1 -1
View File
@@ -45,7 +45,7 @@ dependencies: {
* @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.6.74
* @version 1.6.75
*
*/
package-lock.json
Generated
+21 -21
View File
@@ -1,17 +1,17 @@
{
"name": "mirotalk",
"version": "1.6.74",
"version": "1.6.75",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "mirotalk",
"version": "1.6.74",
"version": "1.6.75",
"license": "AGPL-3.0",
"dependencies": {
"@mattermost/client": "11.1.0",
"@ngrok/ngrok": "1.6.0",
"@sentry/node": "^10.29.0",
"@sentry/node": "^10.30.0",
"axios": "^1.13.2",
"chokidar": "^5.0.0",
"colors": "^1.4.0",
@@ -1107,18 +1107,18 @@
"license": "Apache-2.0"
},
"node_modules/@sentry/core": {
"version": "10.29.0",
"resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.29.0.tgz",
"integrity": "sha512-olQ2DU9dA/Bwsz3PtA9KNXRMqBWRQSkPw+MxwWEoU1K1qtiM9L0j6lbEFb5iSY3d7WYD5MB+1d5COugjSBrHtw==",
"version": "10.30.0",
"resolved": "https://registry.npmjs.org/@sentry/core/-/core-10.30.0.tgz",
"integrity": "sha512-IfNuqIoGVO9pwphwbOptAEJJI1SCAfewS5LBU1iL7hjPBHYAnE8tCVzyZN+pooEkQQ47Q4rGanaG1xY8mjTT1A==",
"license": "MIT",
"engines": {
"node": ">=18"
}
},
"node_modules/@sentry/node": {
"version": "10.29.0",
"resolved": "https://registry.npmjs.org/@sentry/node/-/node-10.29.0.tgz",
"integrity": "sha512-9j8VzV06VCj+H8tlxpfa7BNN4HzH5exv68WOufdMTXzzWLOXnzrdNDoYplm1G2S3LMvWsc1SVI3a8A0yBY7oWg==",
"version": "10.30.0",
"resolved": "https://registry.npmjs.org/@sentry/node/-/node-10.30.0.tgz",
"integrity": "sha512-Ov++em+Y4H4gNRW9u3d9JDF46BNvnCNW4/jJ/6Dsw0T+Em9dyLXfqyDBEe8VKD0E7ZjuO+Z1W3ldpbhCj5HlSg==",
"license": "MIT",
"dependencies": {
"@opentelemetry/api": "^1.9.0",
@@ -1151,9 +1151,9 @@
"@opentelemetry/sdk-trace-base": "^2.2.0",
"@opentelemetry/semantic-conventions": "^1.37.0",
"@prisma/instrumentation": "6.19.0",
"@sentry/core": "10.29.0",
"@sentry/node-core": "10.29.0",
"@sentry/opentelemetry": "10.29.0",
"@sentry/core": "10.30.0",
"@sentry/node-core": "10.30.0",
"@sentry/opentelemetry": "10.30.0",
"import-in-the-middle": "^2",
"minimatch": "^9.0.0"
},
@@ -1162,14 +1162,14 @@
}
},
"node_modules/@sentry/node-core": {
"version": "10.29.0",
"resolved": "https://registry.npmjs.org/@sentry/node-core/-/node-core-10.29.0.tgz",
"integrity": "sha512-f/Y0okHhPPb5HnYNBqCivJ2YuXtSadvcIx16dzU5mHQxZhgGednUCPEX7rsvPcd4HneQz12HKLqxbAmNu+b3FA==",
"version": "10.30.0",
"resolved": "https://registry.npmjs.org/@sentry/node-core/-/node-core-10.30.0.tgz",
"integrity": "sha512-IDgCf0sTtHpnMfdM7nnqdkjFPzNrMKQUZCeoW2msAb+fXIfev2nae43fL4ffGL+S3rnkZp3OL8HDG/4C+Q0iZA==",
"license": "MIT",
"dependencies": {
"@apm-js-collab/tracing-hooks": "^0.3.1",
"@sentry/core": "10.29.0",
"@sentry/opentelemetry": "10.29.0",
"@sentry/core": "10.30.0",
"@sentry/opentelemetry": "10.30.0",
"import-in-the-middle": "^2"
},
"engines": {
@@ -1186,12 +1186,12 @@
}
},
"node_modules/@sentry/opentelemetry": {
"version": "10.29.0",
"resolved": "https://registry.npmjs.org/@sentry/opentelemetry/-/opentelemetry-10.29.0.tgz",
"integrity": "sha512-5QvtAwS73HlI/+OTF1poAFELzsc0se+PHmMsXGGrOeNBvjCr3ZE8qvke09aeMn7uRImf3Nc9J6i2KtSHJnbKPA==",
"version": "10.30.0",
"resolved": "https://registry.npmjs.org/@sentry/opentelemetry/-/opentelemetry-10.30.0.tgz",
"integrity": "sha512-b4q868+L2uhqKn4xIlf+VLDthBLnUzG60FceJ2Oq8nD2Lk70F2ZxLfHA2eL1F6Oc776gnGd8Tmc1NM6RGRnp0g==",
"license": "MIT",
"dependencies": {
"@sentry/core": "10.29.0"
"@sentry/core": "10.30.0"
},
"engines": {
"node": ">=18"
package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "mirotalk",
"version": "1.6.74",
"version": "1.6.75",
"description": "A free WebRTC browser-based video call",
"main": "server.js",
"scripts": {
@@ -43,7 +43,7 @@
"dependencies": {
"@mattermost/client": "11.1.0",
"@ngrok/ngrok": "1.6.0",
"@sentry/node": "^10.29.0",
"@sentry/node": "^10.30.0",
"axios": "^1.13.2",
"chokidar": "^5.0.0",
"colors": "^1.4.0",
public/js/brand.js
+1 -1
View File
@@ -77,7 +77,7 @@ let brand = {
},
about: {
imageUrl: '../images/mirotalk-logo.gif',
title: 'WebRTC P2P v1.6.74',
title: 'WebRTC P2P v1.6.75',
html: `
<button
id="support-button"
public/js/client.js
+2 -2
View File
@@ -15,7 +15,7 @@
* @license For commercial use or closed source, contact us at license.mirotalk@gmail.com or purchase directly from CodeCanyon
* @license CodeCanyon: https://codecanyon.net/item/mirotalk-p2p-webrtc-realtime-video-conferences/38376661
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.6.74
* @version 1.6.75
*
*/
@@ -13231,7 +13231,7 @@ function showAbout() {
Swal.fire({
background: swBg,
position: 'center',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.6.74',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.6.75',
imageUrl: brand.about?.imageUrl && brand.about.imageUrl.trim() !== '' ? brand.about.imageUrl : images.about,
customClass: { image: 'img-about' },
html: `
public/js/videoGrid.js
+22 -4
View File
@@ -202,6 +202,19 @@ function resizeMainButtons() {
}
}
/**
* Add transition effect to camera and screen tiles
*/
function addCameraAndScreenTransitionEffect() {
const Cameras = document.getElementsByClassName('Camera');
const Screens = document.getElementsByClassName('Screen');
const Tiles = [...Cameras, ...Screens];
for (let t of Tiles) {
t.style.transition = 'all 0.3s cubic-bezier(0.4,0,0.2,1)';
t.style.willChange = 'width, height, margin';
}
}
/**
* Handle window event listener
*/
@@ -210,10 +223,15 @@ window.addEventListener(
function (event) {
resizeVideoMedia();
resizeMainButtons();
window.onresize = function () {
resizeVideoMedia();
resizeMainButtons();
};
let resizeTimeout;
window.addEventListener('resize', function () {
clearTimeout(resizeTimeout);
resizeTimeout = setTimeout(function () {
addCameraAndScreenTransitionEffect();
resizeVideoMedia();
resizeMainButtons();
}, 100);
});
},
false
);