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

[mirotalk] - move participants cmd

Browse Source
This commit is contained in:
Miroslav Pejic
2025-12-03 11:00:39 +01:00
parent ba55cebcbb
commit 11bfcaacec
8 changed files with 90 additions and 36 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.67 - Environment Configuration
# MiroTalk P2P v.1.6.68 - Environment Configuration
# ====================================================
# App environment
app/src/config.template.js
+1 -1
View File
@@ -2,7 +2,7 @@
/**
* ==============================================
* MiroTalk P2P v.1.6.67 - Configuration File
* MiroTalk P2P v.1.6.68 - 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.67
* @version 1.6.68
*
*/
package-lock.json
Generated
+6 -6
View File
@@ -1,12 +1,12 @@
{
"name": "mirotalk",
"version": "1.6.67",
"version": "1.6.68",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "mirotalk",
"version": "1.6.67",
"version": "1.6.68",
"license": "AGPL-3.0",
"dependencies": {
"@mattermost/client": "11.1.0",
@@ -40,7 +40,7 @@
"mocha": "^11.7.5",
"node-fetch": "^3.3.2",
"nodemon": "^3.1.11",
"prettier": "3.7.3",
"prettier": "3.7.4",
"proxyquire": "^2.1.3",
"should": "^13.2.3",
"sinon": "^21.0.0"
@@ -5289,9 +5289,9 @@
}
},
"node_modules/prettier": {
"version": "3.7.3",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.7.3.tgz",
"integrity": "sha512-QgODejq9K3OzoBbuyobZlUhznP5SKwPqp+6Q6xw6o8gnhr4O85L2U915iM2IDcfF2NPXVaM9zlo9tdwipnYwzg==",
"version": "3.7.4",
"resolved": "https://registry.npmjs.org/prettier/-/prettier-3.7.4.tgz",
"integrity": "sha512-v6UNi1+3hSlVvv8fSaoUbggEM5VErKmmpGA7Pl3HF8V6uKY7rvClBOJlH6yNwQtfTueNkGVpOv/mtWL9L4bgRA==",
"dev": true,
"license": "MIT",
"bin": {
package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "mirotalk",
"version": "1.6.67",
"version": "1.6.68",
"description": "A free WebRTC browser-based video call",
"main": "server.js",
"scripts": {
@@ -72,7 +72,7 @@
"mocha": "^11.7.5",
"node-fetch": "^3.3.2",
"nodemon": "^3.1.11",
"prettier": "3.7.3",
"prettier": "3.7.4",
"proxyquire": "^2.1.3",
"should": "^13.2.3",
"sinon": "^21.0.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.67',
title: 'WebRTC P2P v1.6.68',
html: `
<button
id="support-button"
public/js/client.js
+37 -10
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.67
* @version 1.6.68
*
*/
@@ -299,6 +299,8 @@ const msgerCPHeader = getId('msgerCPHeader');
const msgerCPCloseBtn = getId('msgerCPCloseBtn');
const msgerCPList = getId('msgerCPList');
const searchPeerBarName = getId('searchPeerBarName');
const msgerCPDropDownMenuBtn = getId('msgerCPDropDownMenuBtn');
const msgerCPDropDownContent = getId('msgerCPDropDownContent');
// Caption section
const captionDraggable = getId('captionDraggable');
@@ -322,7 +324,6 @@ const tabVideoBtn = getId('tabVideoBtn');
const tabAudioBtn = getId('tabAudioBtn');
const tabVideoShareBtn = getId('tabVideoShareBtn');
const tabRecordingBtn = getId('tabRecordingBtn');
const tabParticipantsBtn = getId('tabParticipantsBtn');
const tabProfileBtn = getId('tabProfileBtn');
const tabShortcutsBtn = getId('tabShortcutsBtn');
const tabNetworkBtn = getId('tabNetworkBtn');
@@ -5482,11 +5483,13 @@ function setChatRoomBtn() {
toggleChatDropDownMenu();
});
// dropdown msgerCP menu
msgerCPDropDownMenuBtn.addEventListener('click', () => {
toggleMsgerCPDropDownMenu();
});
// show msger participants section
msgerCPBtn.addEventListener('click', (e) => {
if (!thereArePeerConnections()) {
return toastMessage('info', 'No participants detected', '', 'top');
}
elemDisplay(msgerCP, true, 'flex');
});
@@ -6421,9 +6424,6 @@ function setupMySettings() {
tabRecordingBtn.addEventListener('click', (e) => {
openTab(e, 'tabRecording');
});
tabParticipantsBtn.addEventListener('click', (e) => {
openTab(e, 'tabParticipants');
});
tabProfileBtn.addEventListener('click', (e) => {
openTab(e, 'tabProfile');
});
@@ -8622,6 +8622,12 @@ function toggleChatDropDownMenu() {
: (msgerDropDownContent.style.display = 'block');
}
function toggleMsgerCPDropDownMenu() {
msgerCPDropDownContent.style.display === 'block'
? (msgerCPDropDownContent.style.display = 'none')
: (msgerCPDropDownContent.style.display = 'block');
}
/**
* Chat maximize
*/
@@ -10866,7 +10872,7 @@ function disableAllPeers(element) {
}
Swal.fire({
background: swBg,
position: 'center',
position: 'top',
imageUrl: element == 'audio' ? images.audioOff : images.videoOff,
title: element == 'audio' ? 'Mute everyone except yourself?' : 'Hide everyone except yourself?',
text:
@@ -13076,7 +13082,7 @@ function showAbout() {
Swal.fire({
background: swBg,
position: 'center',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.6.67',
title: brand.about?.title && brand.about.title.trim() !== '' ? brand.about.title : 'WebRTC P2P v1.6.68',
imageUrl: brand.about?.imageUrl && brand.about.imageUrl.trim() !== '' ? brand.about.imageUrl : images.about,
customClass: { image: 'img-about' },
html: `
@@ -13677,6 +13683,27 @@ function handleDropdownHover() {
msgerDropDownContent.addEventListener('mouseleave', hideChatDropdown);
}
// Handle MsgerCP dropdown menu hover
if (msgerCPDropDownMenuBtn && msgerCPDropDownContent) {
let msgerCPTimeoutId;
const showMsgerCPDropdown = () => {
clearTimeout(msgerCPTimeoutId);
elemDisplay(msgerCPDropDownContent, true, 'block');
};
const hideMsgerCPDropdown = () => {
msgerCPTimeoutId = setTimeout(() => {
elemDisplay(msgerCPDropDownContent, false);
}, 200);
};
msgerCPDropDownMenuBtn.addEventListener('mouseenter', showMsgerCPDropdown);
msgerCPDropDownMenuBtn.addEventListener('mouseleave', hideMsgerCPDropdown);
msgerCPDropDownContent.addEventListener('mouseenter', () => clearTimeout(msgerCPTimeoutId));
msgerCPDropDownContent.addEventListener('mouseleave', hideMsgerCPDropdown);
}
// Handle Whiteboard dropdown menu hover
if (whiteboardDropDownMenuBtn && whiteboardDropdownMenu) {
let wbTimeoutId;
public/views/client.html
+41 -14
View File
@@ -279,6 +279,47 @@ access to use this app.
<header id="msgerCPHeader" class="msger-private-header">
<div class="msger-header-title"><i class="fas fa-users"></i> Participants</div>
<div class="msger-header-options">
<!-- More options -->
<div id="tabRoomParticipants" class="dropdown-custom">
<button
class="dropdown-toggle-custom"
type="button"
id="msgerCPDropDownMenuBtn"
data-bs-toggle="dropdown-custom"
aria-expanded="false"
>
<i class="fas fa-ellipsis-v"></i>
</button>
<ul
id="msgerCPDropDownContent"
class="dropdown-menu-custom"
aria-labelledby="msgerCPDropDownMenuBtn"
>
<li>
<button id="captionEveryoneBtn">
<i class="fas fa-play"></i> Start captions
</button>
</li>
<li>
<button id="captionEveryoneStopBtn">
<i class="fas fa-stop"></i> Stop captions
</button>
</li>
<li>
<button id="muteEveryoneBtn">
<i class="fas fa-microphone"></i> Mute everyone
</button>
</li>
<li>
<button id="hideEveryoneBtn"><i class="fas fa-video"></i> Hide everyone</button>
</li>
<li>
<button id="ejectEveryoneBtn">
<i class="fas fa-right-from-bracket"></i> Eject everyone
</button>
</li>
</ul>
</div>
<button id="msgerCPCloseBtn" class="fas fa-times"></button>
</div>
</header>
@@ -374,9 +415,6 @@ access to use this app.
<button id="tabVideoShareBtn" class="fab fa-youtube tablinks">
<p class="tabButtonText">Media</p>
</button>
<button id="tabParticipantsBtn" class="fa-solid fa-users tablinks">
<p class="tabButtonText">Participants</p>
</button>
<button id="tabProfileBtn" class="fa-solid fa-user tablinks">
<p class="tabButtonText">Profile</p>
</button>
@@ -641,17 +679,6 @@ access to use this app.
<i class="fa-solid fa-users"></i>
<p id="peersCount"></p>
</div>
<br />
<div id="tabRoomParticipants">
<br />
<button id="captionEveryoneBtn"><i class="fas fa-play"></i>&nbsp;Start captions</button>
<button id="captionEveryoneStopBtn"><i class="fas fa-stop"></i>&nbsp;Stop captions</button>
<button id="muteEveryoneBtn"><i class="fas fa-microphone"></i>&nbsp;Mute everyone</button>
<button id="hideEveryoneBtn"><i class="fas fa-video"></i>&nbsp;Hide everyone</button>
<button id="ejectEveryoneBtn">
<i class="fas fa-right-from-bracket"></i>&nbsp;Eject everyone
</button>
</div>
</div>
<div id="tabShortcuts" class="tabcontent">