Tokbox：ユーザーの1人が更新されたときにビデオ位置が移動しています

Question

私のコードでは、2人のユーザー間でビデオ会議をセットアップできました。問題は、あるユーザーがページを更新すると、他のユーザーが、購読したビデオ用に割り当てられたdivではなく、ページの下部にビデオを表示していることです。この理由は、1人のユーザーがページを更新するときに、2番目のユーザーに対してstreamcreatedイベントのみが呼び出され、その時点でdivがnullになるためです。ページの読み込みに次のコードがあります。

 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

既定では、ユーザーとパブリッシャーは指定した要素を置き換えます。私はあなたが望むものは、それを置き換えるのではなく、 "divSubscribe"に加入者を挿入することだと思います。 insertMode property on the subscribe methodを 'append'に設定すると、次のようになります。

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