mirror
/
galene
mirror of https://github.com/jech/galene.git
1
Fork 0
Code

Mirror own video.

This commit is contained in:
Juliusz Chroboczek 2020-12-03 18:38:36 +01:00
parent 29e98f4f37
commit c5638a544f
2 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
static/sfu.css
View File

@ -814,6 +814,10 @@ h1 {
opacity: 0.7;
}
.mirror {
transform: scaleX(-1);
}
#inputform {
width: 100%;
}

10
static/sfu.js
View File

@ -829,7 +829,7 @@ async function addLocalMedia(id) {
c.onstats = gotUpStats;
c.setStatsInterval(2000);
await setMedia(c, true);
await setMedia(c, true, true);
setButtonsVisibility();
}
@ -931,7 +931,7 @@ async function addFileMedia(file) {
delUpMedia(c);
}
};
setMedia(c, true, video);
setMedia(c, true, false, video);
c.userdata.play = true;
setButtonsVisibility()
}
@ -1020,11 +1020,13 @@ function muteLocalTracks(mute) {
* @param {Stream} c
* @param {boolean} isUp
* - indicates whether the stream goes in the up direction
* @param {boolean} [mirror]
* - whether to mirror the video
* @param {HTMLVideoElement} [video]
* - the video element to add. If null, a new element with custom
* controls will be created.
*/
function setMedia(c, isUp, video) {
function setMedia(c, isUp, mirror, video) {
let peersdiv = document.getElementById('peers');
let div = document.getElementById('peer-' + c.id);
@ -1058,6 +1060,8 @@ function setMedia(c, isUp, video) {
div.appendChild(media);
if(!video)
addCustomControls(media, div, c);
if(mirror)
media.classList.add('mirror');
}
if(!video)