Opentok ui Elemnts并未放在我的HTML DOM元素中

Question

i使用opentok为我的应用添加视频增殖。该应用程序使用左侧的菜单，右侧为标签。我在右侧添加了2个Div元素：

<div id="myPublisherDiv1"></div>
<div id="myPublisherDiv2"></div> 

//Replace the first parameter with the replacement element ID:
 var publisher = OT.initPublisher("myPublisher1",
                                  {width:400, height:300});
 
//Replace with your API key and replacement element ID:
 var subscriber = session.subscribe(tokObj['apiKey'],
                                    "myPublisher2",
                                    {width:400, height:300})
 session.publish(publisher);

但是UI显示在左侧的菜单顶部。

Answer 1

您是否错字OT.initPublisher("myPublisher1"而不是OT.initPublisher("myPublisherDiv1"？与subscribe块相同。

Answer 2

使用以下方式： -

var session = OT.initSession(apiKey, sessionId); 
session.on({ 
streamCreated: function(event) { 
session.subscribe(event.stream, 'myPublisherDiv1', {width: 1115, height: 626}); 
} 
}); 
session.connect(token, function(error) {
if (error) {
     } else {
         session.publish('myPublisherDiv2', {width: 232, height: 174}); 
     }
});