[mirotalksfu] - add collaborative whiteboard
هذا الالتزام موجود في:
@@ -79,6 +79,7 @@
|
||||
<script src="https://kit.fontawesome.com/d2f1016e6f.js" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.rawgit.com/muaz-khan/DetectRTC/master/DetectRTC.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrious/4.0.2/qrious.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/460/fabric.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.4"></script>
|
||||
<script src="https://unpkg.com/emoji-picker-element@1" type="module"></script>
|
||||
<script src="https://unpkg.com/@popperjs/core@2"></script>
|
||||
@@ -137,6 +138,22 @@ access to use this app.
|
||||
<button id="stopVideoButton" class="hidden"><i class="fas fa-video"></i> Stop video</button>
|
||||
<button id="startScreenButton" class="hidden"><i class="fas fa-desktop"></i> Start screen</button>
|
||||
<button id="stopScreenButton" class="hidden"><i class="fas fa-stop-circle"></i> Stop screen</button>
|
||||
<div class="dropdown">
|
||||
<button id="whiteboardButton" class="hidden">
|
||||
<i class="fas fa-chalkboard-teacher"></i> Whiteboard
|
||||
</button>
|
||||
<div id="whiteboardSettings" class="dropdown-content fadein">
|
||||
<div id="whiteboardOptions">
|
||||
<i class="fas fa-pencil-alt"></i> Line width
|
||||
<input id="wbDrawingLineWidthEl" type="range" value="3" min="1" max="15" />
|
||||
<br />
|
||||
<i class="fas fa-palette"></i> Line color
|
||||
<br />
|
||||
<input id="wbDrawingColorEl" type="color" value="#FFFFFF" />
|
||||
<br />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button id="participantsButton" class="hidden"><i class="fas fa-users"></i> Participants</button>
|
||||
<button id="lockRoomButton" class="hidden"><i class="fas fa-lock-open"></i> Lock room</button>
|
||||
<button id="unlockRoomButton" class="hidden"><i class="fas fa-lock"></i> Unlock room</button>
|
||||
@@ -163,6 +180,22 @@ access to use this app.
|
||||
</main>
|
||||
</section>
|
||||
|
||||
<section id="whiteboard" class="fadein center hidden">
|
||||
<header id="whiteboardHeader" class="whiteboard-header">
|
||||
<div id="whiteboardTitle" class="whiteboard-header-title"></div>
|
||||
<div class="whiteboard-header-options">
|
||||
<button id="whiteboardUndoBtn" class="fas fa-undo"></button>
|
||||
<button id="whiteboardRedoBtn" class="fas fa-redo"></button>
|
||||
<button id="whiteboardSaveBtn" class="fas fa-save"></button>
|
||||
<button id="whiteboardCleanBtn" class="fas fa-trash"></button>
|
||||
<button id="whiteboardCloseBtn" class="fas fa-times"></button>
|
||||
</div>
|
||||
</header>
|
||||
<main>
|
||||
<canvas id="wbCanvas"></canvas>
|
||||
</main>
|
||||
</section>
|
||||
|
||||
<section id="chatRoom" class="chat-room center fadein">
|
||||
<section id="msger" class="msger">
|
||||
<header id="chatHeader" class="chat-header">
|
||||
|
||||
المرجع في مشكلة جديدة
حظر مستخدم