How to mirror video?

[Lenne231]

Is there a way to mirror the video when using the WebRTC plugin? Currently it's very easy to do this with a video element but it doesn't seem to be possible when using the plugin.

#video
{
    transform: rotateY(180deg);
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
}

[jokester]

I was able to mirror <object> with similar CSS in Safari 9 / OSX.

Can you provide an working example?

[johache]

Hi guys,

I believe getaroom.io is a working example Please note that the

[enricop89]

Hi guys,

@johache getaroom.io is NOT a working example. The mirroring is not working. Do you have a working example?

Thank you very much

[I tried getaroom in Chrome 61 & IE11]

[oooookk7]

Hi @enricop89, it seems like there was a getaroom.io issue that should be fixed now. Simply apply CSS to the self user video transform: rotateY(-180deg); to do the trick.

[enricop89]

@letchoo I already did it. It seems that the transform: rotateY(-180deg); in <object> tag HTML doesn't work (in IE11).

[johache]

I agree. I just had another look at it, and I can't find a css rule that actually mirrors the content of the <object> tag. I believe this is because the plugin renders the stream on top of the flipped element. Nothing that we can do about that.

The plugin itself is able to flip the image before rendering, but it doesn;t display the interface to do it. I will look into making it public. That will be low on our priority list though.

[stalena]

@johache It's been a few years now. I am interested in the question regarding the revert mirror of video HTML <object /> tag element. We need the functionality of WebRTC Plugin in IE11. Is it possible now? If not - is it planned? If yes - when?

Should I open a new issue for this?

I would be very grateful for an answer!