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();
}
});
});
});