webbrtc本地流消失在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

当您单击页面上的文本区域时，会发生这种情况。

从HTML中的视频中删除"-webkit-transform: scaleX(-1)"样式可以阻止这种情况发生。