我们如何使用openTok连接为单个会话生成的不同令牌的视频流 [英] How do we connect video streaming from different tokens generated for a single session using openTok

问题描述

我希望通过在sessionId下为它们提供单独的令牌来连接会话中的所有用户，以便他们可以查看彼此的流式传输。但是用户只能看到他们的分歧。我只需要为每个用户在我的页面上为div分配一个连接到任何特定sessionId的令牌。



这是用户可以看到的代码他们的流媒体只有

I want to Connect all the users in a session by providing them separate token under a sessionId, so that they can view each other's streaming. But users can see only their straming. I just need to allocate div on my page for each user with a token connected to any particular sessionId.

This is the code using which users can see their streaming only

<script src="http://static.opentok.com/webrtc/v2.0/js/TB.min.js" ></script>
    <script src="https://static.opentok.com/webrtc/v2.0/js/TB.min.js" ></script>
   <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
   <script type="text/javascript">

    var publisher;
    var session;

    var apiKey = "44686132";


    var sessionId = "1_MX40NDY4NjEzMn4xMjcuMC4wLjF-V2VkIE1hciAxOSAyMDo1ODozNyBQRFQgMjAxNH4wLjAzMTA3MTAwN34";
    var token = document.getElementById("<%= hdn1.ClientID %>").value;


    publisher = TB.initPublisher(apiKey);

    session = TB.initSession(sessionId);

    session.connect(apiKey, token);
    session.addEventListener("sessionConnected",
                           sessionConnectedHandler);


    session.addEventListener("streamCreated",
                           streamCreatedHandler);


    function sessionConnectedHandler(event) {
        alert("sessionConnectedHandler");


        subscribeToStreams(event.streams);
        session.publish(publisher);

    }
        function subscribeToStreams(streams) {

                if (stream.connection.connectionId
               != session.connection.connectionId) {
                    //var streams = event.streams;
                    for (var i = 0; i < streams.length; i++) {
                        var stream = streams[i];

                        var newDivId = "streams" + stream[i].streamId;
                        var newDiv = $('<div />', { id: newDivId });
                        $('body').append(newDiv);
                        if (stream.connection.connectionId
               != session.connection.connectionId) {
                            session.subscribe(stream[i], newDivId);
                        }

                }
            }
        }
        function streamCreatedHandler(event) {
            subscribeToStreams(event.streams);

        }

</script>

推荐答案

（ ' < div />'，{id：newDivId}）;

('<div />', { id: newDivId });

（' body'）。append（newDiv）;
if （stream.connection.connectionId
！= session.connection.connectionId）{
session.subscribe（stream [i] ，newDivId）;
}

}
}
}
函数streamCreatedHandler（ event ）{
subscribeToStreams（ event .streams）;

}

< / script < span class =code-keyword>>

('body').append(newDiv); if (stream.connection.connectionId != session.connection.connectionId) { session.subscribe(stream[i], newDivId); } } } } function streamCreatedHandler(event) { subscribeToStreams(event.streams); } </script>

这篇关于我们如何使用openTok连接为单个会话生成的不同令牌的视频流的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！