WebRTC本地流在HTML输入单击时消失

起初，WebRTC流似乎与会议中的每个人都运行良好。不幸的是，当您单击某些HTML元素时，本地流视频将消失

您仍然可以看到远程用户，远程用户可以看到/听到您，但您无法看到自己

一旦本地流消失，销毁并重新初始化connection/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: 'turn@username.com',
                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();
                }
            });
        });
    });

---

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

---

从HTML中的视频中删除“-webkit transform:scaleX（-1）”样式可以阻止这种情况的发生

只能在查看代码后说任何话，所以请先发布代码。我已经添加了用于建立连接的代码。该应用程序是使用backbone.js构建的。我们尝试使用jQuery#draggable在本地复制该应用程序，但未成功。是否有您的应用程序的实时演示，我们可以用来调试此问题？非常肯定！这里有一个指向一块板的链接，如果您尝试从视频元素中删除类“gi stream”，例如so$（'.gi local video'）.attr（'class'，''），则可以在该板上调试。这将停止发生。当您单击聊天文本区域时，是否可能有一些代码通过其类名与视频元素交互？