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();
}
});
});
});
答案 0 :(得分:0)
当您单击页面上的文本区域时会发生这种情况。
删除" -webkit-transform:scaleX(-1)" HTML中视频的样式阻止了这种情况的发生。