RTCmulticonnection getViewers + onjoin事件

Question

我正在尝试获取一个流的当前查看器的数量。

每当onUserStatusChanged被触发时，我都试图触发一些代码(使用时就像用户onjoin事件一样)。

类似于：

connection.onUserStatusChanged = function(status) {
    console.log("onUserStatusChanged");
    updateViewers();
};

function updateViewers(){
    connection.getAllParticipants().forEach(function(participantId) {
        var peer = connection.peers[participantId];
        if(viewers && viewers.indexOf(peer.extra.nickname) === -1 && "UserA"  !== peer.extra.nickname)
            viewers.push(peer.extra.nickname);
    });
    console.log(viewers.length);
}

到目前为止，它运行良好，但现在它也推动了用户谁有摄像头，而不是观看用户A他的摄像头。

我只想要连接到用户A的用户的extra.nickname，他的凸轮/通道/连接

Answer 1

使用"beforeAddingStream"：

请从github下载最新代码以使用此"beforeAddingStream“方法。

var listOfStreamReceivers = {};
connection.beforeAddingStream = function(stream, peer) {
    var remoteUserExtra = connection.peers[peer.userid].extra;
    listOfStreamReceivers[remoteUserExtra.nickname] = peer;
    return stream;
};

使用"onExtraDataUpdated“和"updateExtraData”

var listOfStreamReceivers = {};

connection.onstream = function(event) {
    if (event.type == 'remote') {
        connection.extra.receivedStreamById = event.streamid;
        connection.updateExtraData();
    }
};

connection.onExtraDataUpdated = function(event) {
    if (event.extra.receivedStreamById) {
        listOfStreamReceivers[event.extra.nickname] = event;
    }
};

使用数据通道

connection.session.data = true;

var listOfStreamReceivers = {};

connection.onstream = function(event) {
    if (event.type == 'remote') {
        var data = {
            receivedStreamById: event.streamid
        };

        // second parameter sends direct message to the broadcast initiator
        connection.send(data, connection.sessionid);
    }
};

connection.onmessage = function(event) {
    if (event.data.receivedStreamById) {
        listOfStreamReceivers[event.extra.nickname] = event;
    }
};

"listOfStreamReceivers“数组

var array = Object.keys(listOfStreamReceivers);

console.log('number of receivers', array.length);

array.forEach(function(key) {
    var peer = listOfStreamReceivers[key];

    var userid = peer.userid;
    var extra = peer.extra;
});