0

起初,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: '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();
                }
            });
        });
    });
4

1 回答 1

0

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

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

于 2014-04-09T14:43:42.373 回答