How to create data channel in WebRTC peer connection?

Question

I\'m trying to learn how to create an RTCPeerConnection so that I can use the DataChannel API. Here\'s what I have tried from what I understood:

<

Answer 1

I've posted a gist that shows setting up a data connection, compatible with both Chrome and Firefox.

The main difference is that where in FF you have to wait until the connection is set up, in Chrome it's just the opposite: it seems you need to create the data connection before any offers are sent back/forth:

var pc1 = new RTCPeerConnection(cfg, con);
if (!pc1.connectDataConnection) setupDC1();    // Chrome...Firefox defers per other answer

The other difference is that Chrome passes an event object to .ondatachannel whereas FF passes just a raw channel:

pc2.ondatachannel = function (e) {
    var datachannel = e.channel || e;

Note that you currently need Chrome Nightly started with --enable-data-channels for it to work as well.