Tokbox：當其中一個用戶刷新頁面時，視頻位置正在移動頁面

Question

通過我的代碼，我可以在兩個用戶之間設置視頻會議。問題是：如果一個用戶刷新頁面，另一個用戶將獲取頁面底部的視頻，而不是分配給預訂視頻的div。原因是當一個用戶刷新頁面時，只有流創建的事件被第二個用戶調用，並且當時div變爲空。我在頁面加載中有以下代碼：

 var session = OT.initSession(apiKey, sessionId) 
      .connect(token, function(error) { 

       var publisher = OT.initPublisher('divPublish'); 
       session.publish(publisher); 
       console.log("Publishing to session1"); 
      }); 


       var session2 = OT.initSession(apiKey, sessionId2); 
       session2.connect(token2, function(error) { 
        if (error) { 
         console.log("Error connecting: ", error.name, error.message); 
        } else { 
         console.log("Connected to the session2."); 
        } 
       }); 

       session2.on("streamCreated", function(event) { 
        divSubscribe = document.getElementById('divSubscribe'); // This is coming null 
        session2.subscribe(event.stream, 'divSubscribe'); 
        console.log("Subscribing to session2"); 
       }); 

Answer 1

默認情況下，訂閱者和發佈者將替換您指定的元素。我想你想要的是將訂戶插入「div訂閱」而不是替換它。您可以通過將insertMode property on the subscribe method設置爲'append'來這樣做：

session2.subscribe(event.stream, 'divSubscribe', {insertMode: 'append'});