[mirotalksfu] - add select devices before join

هذا الالتزام موجود في:
Miroslav Pejic
2023-01-20 17:31:11 +01:00
الأصل 7a1db0edc5
التزام 8f3ead242b
7 ملفات معدلة مع 326 إضافات و184 حذوفات

عرض الملف

@@ -73,6 +73,7 @@
<script defer src="/socket.io/socket.io.js"></script>
<script defer src="../sfu/MediasoupClient.js"></script>
<script defer src="../js/LocalStorage.js"></script>
<script defer src="../js/Rules.js"></script>
<script defer src="../js/Room.js"></script>
<script defer src="../js/RoomClient.js"></script>
@@ -90,10 +91,25 @@
<body onload="initClient()">
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="loadingDiv" class="center pulsate">
<h1>Loading...</h1>
<p>Please allow the camera or microphone access to use this app.</p>
</div>
<section>
<div id="initUser" class="init-user hidden">
<p>Please allow the camera & microphone access to use this app.</p>
<video
id="initVideo"
playsinline="true"
autoplay=""
poster="../images/loader.gif"
class="mirror"
style="object-fit: var(--videoObjFit)"
></video>
<button id="initAudioButton" class="fas fa-microphone" onclick="handleAudio(event)"></button>
<button id="initVideoButton" class="fas fa-video" onclick="handleVideo(event)"></button>
<button id="initAudioVideoButton" class="fas fa-eye" onclick="handleAudioVideo(event)"></button>
<select id="initVideoSelect" class="form-select text-light bg-dark"></select>
<select id="initMicrophoneSelect" class="form-select text-light bg-dark"></select>
<select id="initSpeakerSelect" class="form-select text-light bg-dark"></select>
</div>
</section>
<div id="control" class="fadein">
<button id="shareButton" class="hidden"><i class="fas fa-share-alt"></i></button>