This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
The createDataChannel()
method on the RTCPeerConnection
interface creates a new channel over which any kind of data may be transmitted. This can be useful for back-channel content such as images, file transfer, text chat, game update packets, and so forth.
If the new data channel is the first one added to the connection, renegotiation is started by delivering a negotiationneeded
event.
dataChannel = RTCPeerConnection.createDataChannel(label[, options]);
label
null
is treated as if you specified an empty string (""). This string may not be longer than 65,535 bytes.options
Optional
RTCDataChannelInit
dictionary providing configuration options for the data channelThe RTCDataChannelInit
dictionary provides the following fields, any of which may be included in the object passed as the options parameter in order to configure the data channel to suit your needs:
ordered
Optional
RTCDataChannel
are required to arrive at their destination in the same order in which they were sent (true
), or if they're allowed to arrive out-of-order (false
). true
maxPacketLifeTime
Optionalnull
maxRetransmits
Optional
null
protocol
Optional
RTCDataChannel
, if any; otherwise, the empty string (""). ""
This string may not be longer than 65,535 bytes.negotiated
Optional
false
), data channels are negotiated in-band, where one side calls createDataChannel
, and the other side listens to the RTCDataChannelEvent
event using the ondatachannel
EventHandler
. Alternatively (true
), they can be negotiated out of-band, where both sides call createDataChannel
with an agreed-upon id. false
id
Optional
The options which can be configured using the RTCDataChannelInit
dictionary represent the script-settable subset of the properties on the RTCDataChannel
interface.
A new RTCDataChannel
object with the specified label
, configured using the options specified by options
if that parameter is included; otherwise, the defaults listed above are established.
InvalidStateError
RTCPeerConnection
is closed.TypeError
id
is 65535. While this is a valid unsigned 16-bit value, it's not a permitted value for id
.SyntaxError
maxPacketLifeTime
and maxRetransmits
options. You may only specify a non-null
value for one of these.ResourceInUse
id
was specified, but another RTCDataChannel
is already using the same value.OperationError
id
is already in use or, if no id
was specified, the WebRTC layer was unable to automatically generate an ID because all IDs are in use.This example shows how to create a data channel and set up handlers for the open
and message
events to send and receive messages on it (For brievity, the example assumes onnegotiationneeded is set up).
// Offerer side var pc = new RTCPeerConnection(options); var channel = pc.createDataChannel("chat"); channel.onopen = function(event) { channel.send('Hi you!'); } channel.onmessage = function(event) { console.log(event.data); }
// Answerer side var pc = new RTCPeerConnection(options); pc.ondatachannel = function(event) { var channel = event.channel; channel.onopen = function(event) { channel.send('Hi back!'); } channel.onmessage = function(event) { console.log(event.data); } }
Alternatively, more symmetrical out-of-band negotiation can be used, using an agreed-upon id (0 here):
// Both sides var pc = new RTCPeerConnection(options); var channel = pc.createDataChannel("chat", {negotiated: true, id: 0}); channel.onopen = function(event) { channel.send('Hi!'); } channel.onmessage = function(event) { console.log(event.data); }
For a more thorough example showing how the connection and channel are established, see A simple RTCDataChannel sample.
Specification | Status | Comment |
---|---|---|
WebRTC 1.0: Real-time Communication Between Browsers The definition of 'createDataChannel()' in that specification. | Working Draft | Initial definition. |
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | 60 | 22 (22) | ? | ? | ? |
Feature | Android Webview | Chrome for Android | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|
Basic support | No support | 60 | 24.0 (24) | ? [2] | ? | ? | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/createDataChannel