Twilio视频参与者跟踪没有加载到dom

Question

我跟随quickstart tutorial的例子

基本上我的本地视频工作正常，但当参与者加入房间时，我似乎无法将轨道添加到DOM元素，因为对象的格式不同。

第13行有：container.appendChild(track.attach());

但是我在参与者加入时收到以下错误：

Uncaught (in promise) TypeError: track.attach is not a function

这是因为RemoteVideoTrackPublication对象的结构（在上面解析为track）中包含了对象'track'，所以它应该是参与者对象的container.appendChild(track.track.attach());。但是这样

这仅适用于JS控制台。我可以在客户端JS控制台发生此错误后附加视频流 - 但无论我尝试什么，我似乎都无法正常添加轨道，因为attach.()对象上似乎不存在track函数。

这是一个简单的DOM还是事件排序问题？

Answer 1

我有同样的问题，当我将twilio更新到版本2并在连接后更改代码时我修复了它

room.participants.forEach(function (participant) {
     console.log('Remote Participant connected: ', participant);

     participant.tracks.forEach(function (publication) {
        if (publication.isSubscribed) {
            const track = publication.track;
            document.getElementById('co-browsing-remote-screen').appendChild(track.attach());
        }
     });
});