Question

为了我的缘故，我正在逐步测试WebRTC程序。

我为无服务器的WebRTC编写了一些测试站点。

http://webrtcdevelop.appspot.com/

事实上，谷歌的STUN服务器被使用，但没有部署信令服务器。

会话描述协议（SDP）手动交换，即浏览器窗口之间的CopyPaste。

enter image description here

到目前为止，这是我用代码得到的结果：

'use strict';

var peerCon;
var ch;

$(document)
    .ready(function()
    {
        init();

        $('#remotebtn2')
            .attr("disabled", "");

        $('#localbtn')
            .click(function()
            {
                offerCreate();

                $('#localbtn')
                    .attr("disabled", "");
                $('#remotebtn')
                    .attr("disabled", "");

                $('#remotebtn2')
                    .removeAttr("disabled");
            });

        $('#remotebtn')
            .click(function()
            {
                answerCreate(
                    new RTCSessionDescription(JSON.parse($('#remote')
                        .val())));

                $('#localbtn')
                    .attr("disabled", "");
                $('#remotebtn')
                    .attr("disabled", "");

                $('#remotebtn')
                    .attr("disabled", "");
            });

        $('#remotebtn2')
            .click(function()
            {
                answerGet(
                    new RTCSessionDescription(JSON.parse($('#remote')
                        .val())));

                $('#remotebtn2')
                    .attr("disabled", "");
            });
        $('#msgbtn')
            .click(function()
            {
                msgSend($('#msg')
                    .val());

            });
    });

var init = function()
{
    //offer------
    peerCon =
        new RTCPeerConnection(
        {
            "iceServers": [
            {
                "url": "stun:stun.l.google.com:19302"
            }]
        },
        {
            "optional": []
        });

    var localDescriptionOut = function()
    {
        console.log(JSON.stringify(peerCon.localDescription));
        $('#local')
            .text(JSON.stringify(peerCon.localDescription));


    };

    peerCon.onicecandidate = function(e)
    {
        console.log(e);

        if (e.candidate === null)
        {
            console.log('candidate empty!');
            localDescriptionOut();
        }
    };

    ch = peerCon.createDataChannel(
        'ch1',
        {
            reliable: true
        });
    ch.onopen = function()
    {
        dlog('ch.onopen');
    };
    ch.onmessage = function(e)
    {
        dlog(e.data);
    };
    ch.onclose = function(e)
    {
        dlog('closed');
    };
    ch.onerror = function(e)
    {
        dlog('error');
    };
};

var msgSend = function(msg)
{
    ch.send(msg);
}



var offerCreate = function()
{
    peerCon
        .createOffer(function(description)
        {
            peerCon
                .setLocalDescription(description, function()
                {
                    //wait for complete of peerCon.onicecandidate
                }, error);
        }, error);
};

var answerCreate = function(descreption)
{
    peerCon
        .setRemoteDescription(descreption, function()
        {
            peerCon
                .createAnswer(
                    function(description)
                    {
                        peerCon
                            .setLocalDescription(description, function()
                            {
                                //wait for complete of peerCon.onicecandidate
                            }, error);
                    }, error);
        }, error);
};
var answerGet = function(description)
{
    peerCon.setRemoteDescription(description, function()
    { //
        console.log(JSON.stringify(description));
        dlog('local-remote-setDescriptions complete!');
    }, error);
};

var error = function(e)
{
    console.log(e);
};

var dlog = function(msg)
{
    var content = $('#onmsg')
        .html();
    $('#onmsg')
        .html(content + msg + '<br>');
}

火狐（26.0）： RtpDataChannels onopen事件已成功触发，但send失败。
浏览器（31.0）： RtpDataChannels onopen事件成功触发，send也成功。

Chrome的SDP对象如下：

{"sdp":".................. cname:L5dftYw3P3clhLve \r\ na=ssrc:2410443476 msid:ch1 ch1 \r\ na=ssrc:2410443476 mslabel:ch1 \r\ na=ssrc:2410443476 label:ch1 \r\n","type":"offer"}

代码中定义的 ch1 信息;

 ch = peerCon.createDataChannel(
            'ch1',
            {
                reliable: false
            });

正确捆绑。

但是，Firefox的SDP对象（本地描述）根本不包含DataChannel，此外，SDP比Chrome短得多，捆绑的信息也少。

我想念什么？

可能我认为send在DataChannel上失败的原因是由于firefox在SDP对象中缺少信息。

我该如何解决这个问题？我调查了各种工作库的来源，比如peerJS，easyRTC，simpleWebRTC，但无法弄清楚原因。

任何有关阅读的建议和建议都表示赞赏。

Answer 1

[还不是答案]

我把它留在这里只是想帮助你。我不是一个WebRTC开发人员。但是，我很好奇，对我来说，这是一个非常新的和令人讨厌的内容。

Have you seen this？

DataChannels

今天在Firefox中支持，您可以使用DataChannels发送点对点   音频/视频通话期间的信息。有   目前是一个需要开发人员设置某种类型的错误   音频/视频流（甚至是“假的”）以便启动   DataChannel，但我们很快就会解决这个问题。

另外，i found this bug hook，女巫似乎是相关的。

最后一点，您的adapter.js 版本与code.google上提供的版本不同。而且..很多。您的webrtcDetectedVersion部分缺失。

https://code.google.com/p/webrtc/source/browse/stable/samples/js/base/adapter.js

试试看，带着好的newz回到我身边。？

在上次更新后，我在点击“获取回答”后在控制台中显示此行

对象{name =“INVALID_STATE”，message =“无法设置远程报价州HAVE_LOCAL_OFFER“， exposedProps = {...}，更多...}

但这可能是无用的信息，我复制粘贴相同的浏览器offre回答。

..女巫让我注意到你正在使用jQuery v1.7.1 jquery.com。

尝试更新jQuery（在我杀死小猫之前），同时尝试确保使用所有更新版本的脚本。

Woups，快速阅读之后：https://developer.mozilla.org/en-US/docs/Web/Guide/API/WebRTC/WebRTC_basics然后比较你的javascripts，我看不到SHIM。

垫片

您可以想象，使用这样的早期API，您必须使用浏览器   前缀并将其填充到一个公共变量。

> var PeerConnection = window.mozRTCPeerConnection ||
> window.webkitRTCPeerConnection; var IceCandidate =
> window.mozRTCIceCandidate || window.RTCIceCandidate; var
> SessionDescription = window.mozRTCSessionDescription ||
> window.RTCSessionDescription; navigator.getUserMedia =
> navigator.getUserMedia || navigator.mozGetUserMedia ||
> navigator.webkitGetUserMedia;

与Chrome不同，Firefox的WebRTC SDP对象（本地描述）不包含DataChannel信息？

1 个答案: