2

我实际上正在开发一个基于 NodeJS、ws、WebRTC.io 和 socket.io 的应用程序。此应用程序的目的是将主持人的视频广播给多个与会者。

主持人和所有与会者加载 Web 应用程序，然后主持人启动他的视频并将其流式传输给所有与会者。对于这种情况，我没有任何问题，但是如果主持人启动他的视频，然后有与会者加入房间，则该与会者无法检索流，并且我不知道如何获取该流。

我尝试了很多解决方案。

第一个解决方案

当与会者到达房间时，他通过 socket.io 向主机发送一条消息，主机发回他的流。问题是流作为对象而不是作为 MediaStream 到达与会者，所以我不能使用它。

第二种解决方案

当与会者到达房间时，他通过 socket.io 向 Host 发送一条消息，Host 发送回一个window.webkitURL.createObjectURL(rtc.streams[0])使用 .

这是两种解决方案的代码：

var isStreamCreated = false;

function startVideoLive() {
    var video = document.getElementById('video');
    //Test if peer connection is available for the browser
    if (PeerConnection) {
        if (getRole() == 1) {
            rtc.createStream({
                "video": true,
                "audio": true
            }, function (stream) {
                video.src = URL.createObjectURL(stream);
                video.play();
                isStreamCreated = true
            });

        }
    }
    if (isConnected != true) {
        var room = '1234';
        rtc.connect('ws://' + server + ':8443', room);
        isConnected = true;
    }
}

function setAttendeeWebRTC() {
    if (getRole() == 0) {
        var message = {
            type: "getStreamInfos",
            URL: null,
            stream: null
        }

        socket.emit('message', message);

        rtc.on('add remote stream', function (stream, socketId) {
            rtc.attachStream(stream, 'video');
            isStreamCreated = true;
        });
    }
}

startVideoLive();
setAttendeeWebRTC();

function onGetStreamInfos(message) {
    if (getRole() == 1 && isStreamCreated == true) {

        message.URL = window.webkitURL.createObjectURL(rtc.streams[0]);
        message.stream = rtc.streams[0];

        socket.emit('message', message);
    } else if (getRole() == 0 && isStreamCreated == false && message.URL != null && message.stream != null) {

        document.getElementById('video').src = message.URL;
        // OR
        rtc.attachStream(message.stream, 'video')
        isStreamCreated = true;

    }
}

getRole() 用于了解连接的用户是与会者 (0) 还是主持人 (1)。

在服务器端，我只是广播了 websocket 消息，并添加了 webrtc.io （和许多其他的东西，但在这种情况下没有用）。

这是 2 案例的错误：

  • 使用 blob：GET blob:http%3A//128.1.222.159%3A8081/881928b6-70d3-4054-b15e-88d635a2125f 404（未找到）

  • 随着流：未捕获的TypeError：类型错误
    rtc.attachStream
    onGetStreamInfos
    （匿名函数）
    EventEmitter.emit socket.io.js？=1375350434038:633
    SocketNamespace.onPacket socket.io.js？    =1375350434038:2248
    Socket.onPacket socket.io.js？=1375350434038:1930
    Transport.onPacket socket.io.js？    =1375350434038:1332
    Transport.onData socket.io.js?_=1375350434038:1303
    WS.open.websocket.onmessage

如果有人对我如何处理我的问题有任何想法，我会提前感谢。

编辑 1：

我找到了如何解决我的问题，但是有一个新问题。这是我的部分解决方案：

function onGetStreamInfos(message) {
    if (getRole() == 1 && isStreamCreated == true) {

        rtc.createPeerConnections();
        rtc.addStreams();
        rtc.addDataChannels();
        rtc.sendOffers()

    } else if (getRole() == 0 && isStreamCreated == false) {

        isStreamCreated = true;

    }
}

但是现在，当一名与会者加入会议室时，其他与会者就会丢失视频。我认为这是因为通常我不应该在新与会者和旧与会者之间创建对等连接。

我不确定它是否很清楚，但是如果您需要更多信息，请不要犹豫，如果我最终找到解决问题的方法，我会在这里给出解决方案。

编辑 2：

通过删除rtc.createPeerConnections();，rtc.addDataChannels();它似乎在大多数情况下都有效（我没有测试这么多案例）。

4

3 回答 3

1

如果我正确理解您的问题，您似乎正在尝试通过 Socket.io 消息传递交换视频数据，而这需要通过 RTCPeerConnection 完成。

无耻的自我推销，但你可能想看看我写的WebRTC codelab，它使用 Socket.io 进行信号传输。

对于少数与会者，您可以使用多个 RTCPeerConnections。（看看Talky、Tawk、FACEmeeting或Browser Meeting等应用程序。）

对于更多与会者，您需要使用MCU（有可用的开源实现），或推出您自己的服务器端 WebRTC 应用程序。在今年的 Google I/O 演示文稿中有更多关于 WebRTC 架构的信息：视频、幻灯片。

于 2013-08-02T09:56:29.847 回答
0

如果您不想经历设置自己的信令服务器的麻烦，您可以使用 Pubnub 或Pusher为您处理。它们是实时数据平台，但也可以用来做 webRTC 信令。

如果您有兴趣尝试一下，这里有一个使用 Pusher 的webRTC 信令教程。

http://pusher.com/tutorials/webrtc_chat

免责声明：我在 Pusher 工作。

于 2014-07-28T16:39:42.837 回答
0

你为什么要做 rtc.addDataChannels(); 创建数据通道是为了传输数据（不是媒体），对于媒体，您只需使用 RTCPeerConnection，通过信令通道发送 sdp 和 ice 候选者到对等点。如果一切顺利，您将拥有一个媒体流。

数据通道在发送媒体流中没有任何作用，而是用于点对点数据（游戏、文件等）

于 2013-08-03T05:41:30.950 回答