Локальный поток WebRTC исчезает при щелчке ввода HTML

Question

Сначала кажется, что поток WebRTC работает нормально со всеми участниками конференции. К сожалению, при нажатии на определенные элементы HTML локальное потоковое видео исчезает.

Вы по-прежнему можете видеть удаленных пользователей, а удаленные пользователи могут видеть / слышать вас, но вы не можете видеть себя.

Как только локальный поток исчез, удаление и повторная инициализация виджета соединения /WebRTC не приведут к повторному появлению локального видео. Необходимо обновить браузер, но нажатие на элемент HTML приводит к повторному появлению той же проблемы.

Здесь нет ошибок javascript, и единственное, что есть в элементе HTML - это событие фокуса, которое устанавливает локальную переменную (она не делает ничего сумасшедшего).

Что я могу сделать, чтобы остановить это?

    goinstant.connect(url, function(err, connection) {
        if (err) {
            throw err;
        }

        var room = connection.room("new_room_id");

        room.join(function(err) {
            room.self().key("displayName").set("my_username");

            var stun = {
                url: 'stun:stun.l.google.com:19302'
            };

            var turn = {
                url: 'turn:numb.viagenie.ca',
                username: '[e-mail]',
                credential: 'password'
            };

            that._webrtc = new goinstant.widgets.WebRTC({
                room: room,
                autoStart: true,
                peerConnectionConfig: {
                    iceServers: [stun, turn]
                }
            });

            webrtc.initialize(function(err) {
                if (err) {
                    console.log("Error starting video: " + err);
                }
                else {
                    $(".gi-webrtc").draggable();
                }
            });
        });
    });

Answer 1

Это происходит, когда вы нажимаете текстовую область на странице.

Удаление стиля "-webkit-transform: scaleX(-1)" из видео в HTML предотвращает это.