Дорожка участника видео Twilio не загружается в дом

Question

Я следую примеру из краткого учебного пособия

В основном мое локальное видео работает нормально, но когда участник входит в комнату, я не могу добавить дорожку к элементу 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());
        }
     });
});