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

[mirotalk] - refactor toggleScreenSharing

Browse Source
This commit is contained in:
Miroslav Pejic
2021-01-10 20:20:06 +01:00
parent b70f1a8fa6
commit 2a88f255bf
2 changed files with 14 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/client.js
+10 -13
View File
@@ -508,18 +508,18 @@ function toggleScreenSharing() {
return;
}
const constraints = {
video: true,
};
let screenMediaPromise;
if (!is_screen_streaming) {
if (navigator.getDisplayMedia) {
// https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getDisplayMedia
screenMediaPromise = navigator.getDisplayMedia({
video: true,
});
screenMediaPromise = navigator.getDisplayMedia(constraints);
} else if (navigator.mediaDevices.getDisplayMedia) {
screenMediaPromise = navigator.mediaDevices.getDisplayMedia({
video: true,
});
screenMediaPromise = navigator.mediaDevices.getDisplayMedia(constraints);
} else {
// https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
screenMediaPromise = navigator.mediaDevices.getUserMedia({
@@ -529,7 +529,7 @@ function toggleScreenSharing() {
});
}
} else {
screenMediaPromise = navigator.mediaDevices.getUserMedia({ video: true });
screenMediaPromise = navigator.mediaDevices.getUserMedia(constraints);
document.getElementById("videoBtn").className = "fas fa-video"; // make sure to enable video
}
screenMediaPromise
@@ -556,12 +556,9 @@ function toggleScreenSharing() {
document.getElementById("myVideo").classList.toggle("mirror");
document.getElementById("screenShareBtn").classList.toggle("active");
var videoBtnDState = document
.getElementById("videoBtn")
.getAttribute("disabled");
videoBtnDState = videoBtnDState === null ? false : true;
document.getElementById("videoBtn").disabled = !videoBtnDState;
document.getElementById("screenShareBtn").className = is_screen_streaming
? "fas fa-stop-circle"
: "fas fa-desktop";
screenStream.getVideoTracks()[0].onended = function () {
if (is_screen_streaming) toggleScreenSharing();
www/index.html
+4 -8
View File
@@ -57,20 +57,16 @@
<body onload="initPeer()">
<div id="buttons">
<!-- https://fontawesome.com/icons?d=gallery -->
<button title="copy room" id="copyBtn" class="fas fa-users"></button>
<button
title="microphone"
id="audioBtn"
class="fas fa-microphone"
></button>
<button title="camera" id="videoBtn" class="fas fa-video"></button>
<button title="share room" id="copyBtn" class="fas fa-users"></button>
<button title="audio" id="audioBtn" class="fas fa-microphone"></button>
<button title="video" id="videoBtn" class="fas fa-video"></button>
<button
title="swap camera"
id="swapCameraBtn"
class="fas fa-sync-alt"
></button>
<button
title="screen"
title="share screen"
id="screenShareBtn"
class="fas fa-desktop"
></button>