[mirotalksfu] - refactoring
هذا الالتزام موجود في:
Miroslav Pejic
@@ -123,7 +123,7 @@
|
||||
|
||||
<div id="loadingDiv" class="center pulsate">
|
||||
<h1>Loading</h1>
|
||||
<img src="../images/loading.gif" style="width: 400px" />
|
||||
<img class="loading-img" src="../images/loading.gif" />
|
||||
<pre>
|
||||
Please allow the camera or microphone
|
||||
access to use this app.
|
||||
@@ -140,7 +140,6 @@ access to use this app.
|
||||
autoplay=""
|
||||
class="mirror"
|
||||
poster="../images/loader.gif"
|
||||
style="object-fit: contain"
|
||||
></video>
|
||||
</div>
|
||||
<div class="initComands">
|
||||
@@ -168,7 +167,7 @@ access to use this app.
|
||||
<button id="startScreenButton" class="hidden"><i class="fas fa-desktop"></i></button>
|
||||
<button id="stopScreenButton" class="hidden"><i class="fas fa-stop-circle"></i></button>
|
||||
<button id="startRecButton" class="hidden"><i class="fas fa-record-vinyl"></i></button>
|
||||
<button id="stopRecButton" style="color: red" class="hidden"><i class="fas fa-record-vinyl"></i></button>
|
||||
<button id="stopRecButton" class="hidden"><i class="fas fa-record-vinyl cr"></i></button>
|
||||
<button id="raiseHandButton" class="hidden"><i class="fas fa-hand-paper"></i></button>
|
||||
<button id="lowerHandButton" class="hidden"><i id="lowerHandIcon" class="fas fa-hand-paper"></i></button>
|
||||
<button id="emojiRoomButton" class="hidden"><i class="fas fa-face-smile"></i></button>
|
||||
@@ -246,7 +245,7 @@ access to use this app.
|
||||
<i class="fas fa-lock"></i>
|
||||
<p>Unlock room</p>
|
||||
</button>
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr id="broadcastingButton" class="hidden">
|
||||
<td class="custom-width">
|
||||
@@ -314,13 +313,13 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr>
|
||||
<td>
|
||||
<div class="title">
|
||||
<i class="fa-solid fa-person-shelter"></i>
|
||||
<p id="roomId" style="cursor: pointer">xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx</p>
|
||||
<p id="roomId" class="cp">xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -329,7 +328,7 @@ access to use this app.
|
||||
<div id="sendEmailInvitation" class="hidden">
|
||||
<div class="title">
|
||||
<i class="fas fa-envelope-circle-check"></i>
|
||||
<p id="roomSendEmail" style="cursor: pointer">Send email invitation</p>
|
||||
<p id="roomSendEmail" class="cp">Send email invitation</p>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
@@ -600,13 +599,13 @@ access to use this app.
|
||||
</div>
|
||||
</div>
|
||||
<div id="speakerSelectDiv">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<div class="title">
|
||||
<i class="fas fa-headphones"></i>
|
||||
<p>Speaker:</p>
|
||||
</div>
|
||||
<select id="speakerSelect" class="form-select text-light bg-dark"></select>
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<button id="speakerTestBtn">
|
||||
<i class="fa-solid fa-circle-play"></i>
|
||||
<p>Test speaker</p>
|
||||
@@ -614,7 +613,7 @@ access to use this app.
|
||||
<br />
|
||||
</div>
|
||||
<div id="pushToTalkDiv" class="hidden">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr>
|
||||
<td class="width-150">
|
||||
@@ -637,7 +636,7 @@ access to use this app.
|
||||
<div id="tabModerator" class="tabcontent">
|
||||
<table class="settingsTable">
|
||||
<tr id="everyoneMuteBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-microphone-slash"></i>
|
||||
<p>Everyone starts muted</p>
|
||||
@@ -650,7 +649,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneHideBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-video-slash"></i>
|
||||
<p>Everyone starts hidden</p>
|
||||
@@ -669,11 +668,11 @@ access to use this app.
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="2">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneCantUnmuteBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-microphone red"></i>
|
||||
<p>Everyone can't unmute themselves</p>
|
||||
@@ -691,7 +690,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneCantUnhideBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-video red"></i>
|
||||
<p>Everyone can't unhide themselves</p>
|
||||
@@ -709,7 +708,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneCantShareScreenBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-display red"></i>
|
||||
<p>Everyone can't share screen</p>
|
||||
@@ -727,7 +726,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneCantChatPrivatelyBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fa-solid fa-comments red"></i>
|
||||
<p>Everyone can't chat privately</p>
|
||||
@@ -745,7 +744,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="everyoneCantChatGPTBtn">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fa-solid fa-robot red"></i>
|
||||
<p>Everyone can't use ChatGPT</p>
|
||||
@@ -763,7 +762,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="disconnectAllOnLeave">
|
||||
<td style="width: auto">
|
||||
<td class="wa">
|
||||
<div class="title">
|
||||
<i class="fas fa-users-slash red"></i>
|
||||
<p>Disconnect all upon leaving room</p>
|
||||
@@ -785,7 +784,7 @@ access to use this app.
|
||||
<div id="tabRecording" class="tabcontent">
|
||||
<img id="recordingImage" class="hidden" src="../images/recording.png" />
|
||||
<div id="roomRecordingOptions" class="hidden">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr>
|
||||
<td class="width-180">
|
||||
@@ -803,7 +802,7 @@ access to use this app.
|
||||
</table>
|
||||
</div>
|
||||
<div id="roomHostOnlyRecording" class="hidden">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr>
|
||||
<td class="width-180">
|
||||
@@ -844,7 +843,7 @@ access to use this app.
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
</div>
|
||||
<button id="pauseRecButton" class="hidden">
|
||||
<i class="far fa-pause-circle"></i>
|
||||
@@ -855,12 +854,12 @@ access to use this app.
|
||||
<p>Resume recording</p>
|
||||
</button>
|
||||
<div id="recordingTime" class="hidden">
|
||||
<hr style="border: 1px solid grey" />
|
||||
<hr />
|
||||
<table class="settingsTable">
|
||||
<tr>
|
||||
<td class="custom-width">
|
||||
<div class="title">
|
||||
<i style="color: red" class="fa-solid fa-circle pulsate"></i>
|
||||
<i class="fa-solid fa-circle pulsate cr"></i>
|
||||
<p>REC time:</p>
|
||||
</div>
|
||||
</td>
|
||||
@@ -1060,7 +1059,7 @@ access to use this app.
|
||||
<header id="whiteboardHeader" class="whiteboard-header">
|
||||
<div id="whiteboardTitle" class="whiteboard-header-title">
|
||||
<button id="whiteboardCloseBtn" class="fas fa-times"></button>
|
||||
<div class="form-check form-switch form-switch-md" style="margin-left: 10px">
|
||||
<div class="form-check form-switch form-switch-md">
|
||||
<input id="whiteboardLockButton" class="form-check-input" type="checkbox" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -1198,7 +1197,7 @@ access to use this app.
|
||||
</button>
|
||||
<ul class="dropdown-menu text-start" aria-labelledby="chatDropDownMenu">
|
||||
<li>
|
||||
<hr class="hr" />
|
||||
<hr />
|
||||
<div class="title ml10">
|
||||
<i class="fa-solid fa-eye"></i>
|
||||
<div class="form-check form-switch form-switch-md ml10">
|
||||
@@ -1212,7 +1211,7 @@ access to use this app.
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<hr class="hr" />
|
||||
<hr />
|
||||
<div id="speechMsgDiv" class="title ml10">
|
||||
<i class="fas fa-volume-high"></i>
|
||||
<div class="form-check form-switch form-switch-md ml10">
|
||||
@@ -1223,7 +1222,7 @@ access to use this app.
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="hr" />
|
||||
<hr />
|
||||
</li>
|
||||
<li>
|
||||
<button id="chatGhostButton" class="btn-sm">
|
||||
@@ -1315,9 +1314,9 @@ access to use this app.
|
||||
<header id="transcriptionHeader" class="transcription-header">
|
||||
<div class="transcription-header-title">
|
||||
<button id="transcriptionSpeechStatus" class="fas fa-microphone-alt"></button>
|
||||
<div style="margin-left: 5px" class="title">
|
||||
<div class="title ml-5">
|
||||
<i class="fa-solid fa-infinity"></i>
|
||||
<div style="margin-left: 5px" class="form-check form-switch form-switch-md">
|
||||
<div class="form-check form-switch form-switch-md ml-5">
|
||||
<input class="form-check-input" type="checkbox" id="transcriptPersistentMode" />
|
||||
</div>
|
||||
</div>
|
||||
@@ -1338,10 +1337,10 @@ access to use this app.
|
||||
</button>
|
||||
<ul class="dropdown-menu text-start" aria-labelledby="transcriptionDropDownMenu">
|
||||
<li>
|
||||
<hr class="hr" />
|
||||
<hr />
|
||||
<div class="title ml5">
|
||||
<i class="fa-solid fa-eye"></i>
|
||||
<div style="margin-left: 5px" class="form-check form-switch form-switch-md">
|
||||
<div class="form-check form-switch form-switch-md ml-5">
|
||||
<input
|
||||
class="form-check-input"
|
||||
type="checkbox"
|
||||
@@ -1350,7 +1349,7 @@ access to use this app.
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<hr class="hr" />
|
||||
<hr />
|
||||
</li>
|
||||
<li>
|
||||
<button id="transcriptionGhostBtn">
|
||||
|
||||
المرجع في مشكلة جديدة
حظر مستخدم