Twilio Video Chat JS 原始用户不会获得参与者跟踪事件

问题描述

我有一个 WebRTC Go 房间，1:1。我的目的是让每个客户端监听静音和关闭相机事件。但是，只有第二个加入房间的用户才能获得事件。我从文档中获取了这个，但它没有提供原始的或房间的第一个成员来获取后来的用户事件。

            Video.connect(token,{ name: ROOM_NAME }).then((room) => {
            

           // remove local participant code for relevance.
           
            room.participants.forEach(participantConnected);
            room.on("participantConnected",participantConnected);

            room.participants.forEach(participant => {
                participant.on('trackSubscribed',track => {
                    track.on('disabled',() => {
                        console.log(track.kind);
                        if (track.kind === 'audio') {
                            console.log(`${participant.identity} disabled mic.`);
                        }
                        if (track.kind === 'video') {
                            console.log(`${participant.identity} disabled camera.`);
                        }
                    });

                    track.on('enabled',() => {
                        if (track.kind === 'audio') {
                            console.log(`${participant.identity} enabled mic.`);
                        }
                        if (track.kind === 'video') {
                            console.log(`${participant.identity} enabled camera.`);
                        }
                    });

                });
            });

            // removed disconnect code for relevance
        });




const participantConnected = (participant) => {
    const div = document.createElement('div');
    div.id = participant.sid;
    participant.on('trackSubscribed',track => trackSubscribed(div,track));
    participant.on('trackUnsubscribed',trackUnsubscribed);

    participant.tracks.forEach(publication => {
        if (publication.isSubscribed) {
            trackSubscribed(div,publication.track);
        }
    });

    participantsDiv.appendChild(div);
}


const trackSubscribed = (div,track) => {
    if (track.kind === 'video') {
        track.dimensions.width = '90%';
    }

    div.appendChild(track.attach());
}

const trackUnsubscribed = (track) => {
    track.detach().forEach(element => element.remove());
}

对于原始（第一个加入房间的人）接收事件，我缺少什么？

解决方法

解决方案

在participantConnected方法中加入以下代码

participant.on('trackSubscribed',track => {
                track.on('disabled',() => {
                    console.log(track.kind);
                    if (track.kind === 'audio') {
                        console.log(`${participant.identity} disabled mic.`);
                    }
                    if (track.kind === 'video') {
                        console.log(`${participant.identity} disabled camera.`);
                    }
                });

                track.on('enabled',() => {
                    if (track.kind === 'audio') {
                        console.log(`${participant.identity} enabled mic.`);
                    }
                    if (track.kind === 'video') {
                        console.log(`${participant.identity} enabled camera.`);
                    }
                });

            });