ghaymah_dev/codepill-sfu
1
0
نسخ 0
الشفرة المشكلات طلبات السحب Actions Packages المشاريع الإصدارات الويكي النشاط

[mirotalksfu] - improve settings UI

تصفح المصدر
هذا الالتزام موجود في:
Miroslav Pejic
2024-07-01 19:14:55 +02:00
الأصل 6207a90070
التزام 89f7ed9e63
6 ملفات معدلة مع 25 إضافات و45 حذوفات
تنزيل ملف التصحيح تنزيل ملف الاختلاف توسيع جميع الملفات طي جميع الملفات

2
app/src/Server.js
عرض الملف

@@ -44,7 +44,7 @@ dependencies: {
* @license For commercial or closed source, contact us at license.mirotalk@gmail.com or purchase directly via CodeCanyon * @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 * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com * @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.4.75 * @version 1.4.76
* *
*/ */

2
package.json
عرض الملف

@@ -1,6 +1,6 @@
{ {
"name": "mirotalksfu", "name": "mirotalksfu",
"version": "1.4.75", "version": "1.4.76",
"description": "WebRTC SFU browser-based video calls", "description": "WebRTC SFU browser-based video calls",
"main": "Server.js", "main": "Server.js",
"scripts": { "scripts": {

12
public/css/Room.css
عرض الملف

@@ -341,18 +341,6 @@ body {
transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
} }
#refreshVideoDevices,
#refreshAudioDevices {
cursor: pointer;
margin-bottom: 15px;
border-radius: var(--border-radius);
}
#refreshVideoDevices:hover,
#refreshAudioDevices:hover {
background: var(--body-bg);
}
/*-------------------------------------------------------------- /*--------------------------------------------------------------
# Settings Table # Settings Table
--------------------------------------------------------------*/ --------------------------------------------------------------*/

4
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 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 * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com * @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.4.75 * @version 1.4.76
* *
*/ */
@@ -4032,7 +4032,7 @@ function showAbout() {
imageUrl: image.about, imageUrl: image.about,
customClass: { image: 'img-about' }, customClass: { image: 'img-about' },
position: 'center', position: 'center',
title: 'WebRTC SFU v1.4.75', title: 'WebRTC SFU v1.4.76',
html: ` html: `
<br /> <br />
<div id="about"> <div id="about">

2
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 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 * @license CodeCanyon: https://codecanyon.net/item/mirotalk-sfu-webrtc-realtime-video-conferences/40769970
* @author Miroslav Pejic - miroslav.pejic.85@gmail.com * @author Miroslav Pejic - miroslav.pejic.85@gmail.com
* @version 1.4.75 * @version 1.4.76
* *
*/ */

48
public/views/Room.html
عرض الملف

@@ -235,24 +235,28 @@ access to use this app.
<div class="tabActions"> <div class="tabActions">
<div id="tabRoom" class="tabcontent"> <div id="tabRoom" class="tabcontent">
<button id="fullScreenButton" class="hidden"> <button id="fullScreenButton" class="hidden btn-custom">
<i class="fas fa-expand-alt"></i> <i class="fas fa-expand-alt"></i>
<p>Full screen mode</p> <p>Full screen mode</p>
</button> </button>
<br /> <br />
<button id="fileShareButton" class="hidden"> <button id="fileShareButton" class="hidden btn-custom">
<i class="fas fa-folder-open"></i> <i class="fas fa-folder-open"></i>
<p>File sharing</p> <p>File sharing</p>
</button> </button>
<br /> <br />
<button id="lockRoomButton" class="hidden"> <button id="lockRoomButton" class="hidden btn-custom">
<i class="fas fa-lock-open"></i> <i class="fas fa-lock-open"></i>
<p>Lock room</p> <p>Lock room</p>
</button> </button>
<button id="unlockRoomButton" class="hidden"> <button id="unlockRoomButton" class="hidden btn-custom">
<i class="fas fa-lock"></i> <i class="fas fa-lock"></i>
<p>Unlock room</p> <p>Unlock room</p>
</button> </button>
<button id="sendEmailInvitation" class="hidden btn-custom">
<i class="fas fa-envelope-circle-check"></i>
<p id="roomSendEmail" class="cp">Send email invitation</p>
</button>
<hr /> <hr />
<table class="settingsTable"> <table class="settingsTable">
<tr id="broadcastingButton" class="hidden"> <tr id="broadcastingButton" class="hidden">
@@ -331,16 +335,6 @@ access to use this app.
</div> </div>
</td> </td>
</tr> </tr>
<tr>
<td>
<div id="sendEmailInvitation" class="hidden">
<div class="title">
<i class="fas fa-envelope-circle-check"></i>
<p id="roomSendEmail" class="cp">Send email invitation</p>
</div>
</div>
</td>
</tr>
<tr> <tr>
<td> <td>
<div class="title"> <div class="title">
@@ -353,12 +347,11 @@ access to use this app.
</div> </div>
<div id="tabVideoDevices" class="tabcontent"> <div id="tabVideoDevices" class="tabcontent">
<br /> <button id="refreshVideoDevices" class="btn-custom">
<div id="refreshVideoDevices" class="title">
<i class="fas fa-rotate"></i> <i class="fas fa-rotate"></i>
<p>Refresh video devices</p> <p>Refresh video devices</p>
</div> </button>
<br /> <br /><br />
<div class="title"> <div class="title">
<i class="fas fa-video"></i> <i class="fas fa-video"></i>
<p>Video Source:</p> <p>Video Source:</p>
@@ -407,12 +400,11 @@ access to use this app.
</div> </div>
<div id="tabAudioDevices" class="tabcontent"> <div id="tabAudioDevices" class="tabcontent">
<br /> <button id="refreshAudioDevices" class="btn-custom">
<div id="refreshAudioDevices" class="title">
<i class="fas fa-rotate"></i> <i class="fas fa-rotate"></i>
<p>Refresh audio devices</p> <p>Refresh audio devices</p>
</div> </button>
<br /> <br /><br />
<div class="title"> <div class="title">
<i class="fas fa-microphone"></i> <i class="fas fa-microphone"></i>
<p>Microphone:</p> <p>Microphone:</p>
@@ -434,7 +426,7 @@ access to use this app.
<br /> <br />
<div class="dropdown"> <div class="dropdown">
<button <button
class="dropdown-toggle" class="dropdown-toggle btn-custom"
type="button" type="button"
id="micOptionsButton" id="micOptionsButton"
data-bs-toggle="dropdown" data-bs-toggle="dropdown"
@@ -614,7 +606,7 @@ access to use this app.
</div> </div>
<select id="speakerSelect" class="form-select text-light bg-dark"></select> <select id="speakerSelect" class="form-select text-light bg-dark"></select>
<hr /> <hr />
<button id="speakerTestBtn"> <button id="speakerTestBtn" class="btn-custom">
<i class="fa-solid fa-circle-play"></i> <i class="fa-solid fa-circle-play"></i>
<p>Test speaker</p> <p>Test speaker</p>
</button> </button>
@@ -853,11 +845,11 @@ access to use this app.
</table> </table>
<hr /> <hr />
</div> </div>
<button id="pauseRecButton" class="hidden"> <button id="pauseRecButton" class="hidden btn-custom">
<i class="far fa-pause-circle"></i> <i class="far fa-pause-circle"></i>
<p>Pause recording</p> <p>Pause recording</p>
</button> </button>
<button id="resumeRecButton" class="hidden"> <button id="resumeRecButton" class="hidden btn-custom">
<i class="far fa-play-circle"></i> <i class="far fa-play-circle"></i>
<p>Resume recording</p> <p>Resume recording</p>
</button> </button>
@@ -928,7 +920,7 @@ access to use this app.
<audio id="avatarPreviewAudio" controls></audio> <audio id="avatarPreviewAudio" controls></audio>
</div> </div>
<br /> <br />
<button id="avatarVideoAIStart" class="btn-primary"> <button id="avatarVideoAIStart" class="btn-custom">
<i class="fas fa-play"></i> Start Avatar Session <i class="fas fa-play"></i> Start Avatar Session
</button> </button>
</div> </div>
@@ -936,7 +928,7 @@ access to use this app.
</div> </div>
<div id="tabVideoShare" class="tabcontent"> <div id="tabVideoShare" class="tabcontent">
<button id="videoShareButton"> <button id="videoShareButton" class="btn-custom">
<i class="fab fa-youtube"></i> <i class="fab fa-youtube"></i>
<p>Share a Video or Audio</p> <p>Share a Video or Audio</p>
</button> </button>