Draft
This page is not complete.
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for usage in various browsers. Also note that the syntax and behavior of an experimental technology is subject to change in future versions of browsers as the specification changes.
The RTCPeerConnection
interface represents a WebRTC connection between the local computer and a remote peer. It provides methods to connect to a remote peer, maintain and monitor the connection, and close the connection once it's no longer needed.
RTCPeerConnection
and RTCSessionDescription
are currently prefixed in many browsers. It's strongly recommended you use a shim library such as the excellent and broadly supported Adapter.js, in order to ensure the broadest possible compatibility of your site or Web app. It's worth noting that Adapter.js goes beyond prefix handling, implementing shims to bridge compatibility gaps between browsers' implementations of WebRTC.
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection" target="_top"><rect x="151" y="1" width="170" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="236" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">RTCPeerConnection</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
Constructor
RTCPeerConnection()
- The
RTCPeerConnection()
constructor returns a newly-createdRTCPeerConnection
, which represents a connection between the local device and a remote peer. canTrickleIceCandidates
- The read-only property
RTCPeerConnection.canTrickleIceCandidates
returns aBoolean
which indicates whether or not the remote peer can accept trickled ICE candidates. connectionState
- The read-only
connectionState
property of theRTCPeerConnection
interface indicates the current state of the peer connection by returning one of the string values specified by the enumRTCPeerConnectionState
. currentLocalDescription
- The read-only property
RTCPeerConnection.currentLocalDescription
returns anRTCSessionDescription
object describing the local end of the connection as it was most recently successfully negotiated since the last time theRTCPeerConnection
finished negotiating and connecting to a remote peer. Also included is a list of any ICE candidates that may already have been generated by the ICE agent since the offer or answer represented by the description was first instantiated. currentRemoteDescription
- The read-only property
RTCPeerConnection.currentRemoteDescription
returns anRTCSessionDescription
object describing the remote end of the connection as it was most recently successfully negotiated since the last time theRTCPeerConnection
finished negotiating and connecting to a remote peer. Also included is a list of any ICE candidates that may already have been generated by the ICE agent since the offer or answer represented by the description was first instantiated. defaultIceServers
- The read-only property
RTCPeerConnection.defaultIceServers
returns an array of objects based on theRTCIceServer
dictionary, which indicates what—if any—ICE servers the browser will use by default if none are provided to theRTCPeerConnection
in itsRTCConfiguration
. However, browsers are not required to provide any default ICE servers at all. iceConnectionState
Read only- The read-only property
RTCPeerConnection.iceConnectionState
returns an enum of typeRTCIceConnectionState
which state of the ICE agent associated with theRTCPeerConnection
. iceGatheringState
Read only- The read-only property
RTCPeerConnection.iceGatheringState
returns an enum of typeRTCIceGatheringState
that describes connection's ICE gathering state. This lets you detect, for example, when collection of ICE candidates has finished. localDescription
Read only- The read-only property
RTCPeerConnection.localDescription
returns anRTCSessionDescription
describing the session for the local end of the connection. If it has not yet been set, this is null. peerIdentity
Read only- The read-only property
RTCPeerConnection.peerIdentity
returns anRTCIdentityAssertion
, containing aDOMString
once set and verified. If no peer has yet been set and verified, this property will returnnull
. Once set, via the appropriate method, it can't be changed. pendingLocalDescription
- The read-only property
RTCPeerConnection.pendingLocalDescription
returns anRTCSessionDescription
object describing a pending configuration change for the local end of the connection. This does not describe the connection as it currently stands, but as it may exist in the near future. UseRTCPeerConnection.currentLocalDescription
orRTCPeerConnection.localDescription
to get the current state of the endpoint. For details on the difference, see "Pending and current descriptions" in WebRTC connectivity. pendingRemoteDescription
Read only- The read-only property
RTCPeerConnection.pendingRemoteDescription
returns anRTCSessionDescription
object describing a pending configuration change for the remote end of the connection. This does not describe the connection as it currently stands, but as it may exist in the near future. UseRTCPeerConnection.currentRemoteDescription
orRTCPeerConnection.remoteDescription
to get the current session description for the remote endpoint. For details on the difference, see "Pending and current descriptions" in WebRTC connectivity. remoteDescription
Read only- The read-only property
RTCPeerConnection.remoteDescription
returns aRTCSessionDescription
describing the session (which includes configuration and media information) for the remote end of the connection. If this hasn't been set yet, this isnull
. sctp
- The read-only
sctp
property on theRTCPeerConnection
interface returns anRTCSctpTransport
describing the SCTP transport over which SCTP data is being sent and received. If SCTP hasn't been negotiated, this value isnull
. signalingState
Read only- The read-only
signalingState
property on theRTCPeerConnection
interface returns one of the string values specified by theRTCSignalingState
enum; these values describe the state of the signaling process on the local end of the connection while connecting or reconnecting to another peer. See "Signaling" in Lifetime of a WebRTC session for more details about the signaling process. onaddstream
- The
RTCPeerConnection.onaddstream
event handler is a property containing the code to execute when theaddstream
event, of typeMediaStreamEvent
, is received by thisRTCPeerConnection
. Such an event is sent when aMediaStream
is added to this connection by the remote peer. The event is sent immediately after the callsetRemoteDescription()
and doesn't wait for the result of the SDP negotiation. onconnectionstatechange
- The
RTCPeerConnection.onconnectionstatechange
property specifies anEventHandler
which is called to handle theconnectionstatechange
event when it occurs on an instance ofRTCPeerConnection
. This happens whenever the aggregate state of the connection changes. ondatachannel
- The
RTCPeerConnection.ondatachannel
property is anEventHandler
which specifies a function which is called when thedatachannel
event occurs on anRTCPeerConnection
. This event, of typeRTCDataChannelEvent
, is sent when anRTCDataChannel
is added to the connection by the remote peer callingcreateDataChannel()
. onicecandidate
- The
RTCPeerConnection.onicecandidate
property is anEventHandler
which specifies a function to be called when theicecandidate
event occurs on anRTCPeerConnection
instance. This happens whenever the local ICE agent needs to deliver a message to the other peer through the signaling server. oniceconnectionstatechange
- The
RTCPeerConnection.oniceconnectionstatechange
property is an event handler which specifies a function to be called when theiceconnectionstatechange
event is fired on anRTCPeerConnection
instance. This happens when the state of the connection's ICE agent, as represented by theiceConnectionState
property, changes. onicegatheringstatechange
- The
RTCPeerConnection.onicegatheringstatechange
property is anEventHandler
which specifies a function to be called when theicegatheringstatechange
event is sent to anRTCPeerConnection
instance. This happens when the ICE gathering state—that is, whether or not the ICE agent is actively gathering candidates—changes. onidentityresult
- The
RTCPeerConnection.onidentityresult
event handler is a property containing the code to execute when theidentityresult
event, of typeRTCIdentityEvent
, is received by thisRTCPeerConnection
. Such an event is sent when an identity assertion is generated, viagetIdentityAssertion()
or during the creation of an offer or an answer. onidpassertionerror
- The
RTCPeerConnection.onidpassertionerror
event handler is a property containing the code to execute whent theidpassertionerror
event, of typeRTCIdentityErrorEvent
, is received by thisRTCPeerConnection
. Such an event is sent when the associated identity provider (IdP) encounters an error while generating an identity assertion. onidpvalidationerror
- The
RTCPeerConnection.onidpvalidationerror
event handler is a property containing the code to execute whent theidpvalidationerror
event, of typeRTCIdentityErrorEvent
, is received by thisRTCPeerConnection
. Such an event is sent when the associated identity provider (IdP) encounters an error while validating an identity assertion. onnegotiationneeded
- The
RTCPeerConnection.onnegotiationneeded
property is anEventHandler
which specifies a function which is called to handle thenegotiationneeded
event when it occurs on anRTCPeerConnection
instance. This event is fired when a change has occurred which requires session negotiation. onpeeridentity
- The
RTCPeerConnection.onpeeridentity
event handler is a property containing the code to execute whent thepeeridentity
event, of typeEvent
, is received by thisRTCPeerConnection
. Such an event is sent when an identity assertion, received from a peer, has been successfully validated. onremovestream
- The
RTCPeerConnection.onremovestream
event handler is a property containing the code to execute when theremovestream
event, of typeMediaStreamEvent
, is received by thisRTCPeerConnection
. Such an event is sent when aMediaStream
is removed from this connection. onsignalingstatechange
- The
RTCPeerConnection.onsignalingstatechange
property is anEventHandler
which specifies a function to be called when thesignalingstatechange
event occurs on anRTCPeerConnection
interface. The function receives as input the event object, of typeEvent
; this event is sent when the value ofRTCPeerConnection.signalingState
changes, as the result of a call to eithersetLocalDescription()
orsetRemoteDescription()
. ontrack
- The
RTCPeerConnection.ontrack
property is anEventHandler
which specifies a function to be called when thetrack
event occurs on anRTCPeerConnection
interface. The function receives as input the event object, of typeRTCTrackEvent
; this event is sent when a new incomingMediaStreamTrack
has been created and associated with anRTCRtpReceiver
object which has been added to the set of receivers on connection. addIceCandidate()
- When a web site or app using
RTCPeerConnection
receives a new ICE candidate from the remote peer over its signaling channel, it delivers the newly-received candidate to the browser's ICE agent by callingRTCPeerConnection.addIceCandidate()
. addStream()
- The
RTCPeerConnection.addStream()
method adds aMediaStream
as a local source of audio or video. If the negotiation already happened, a new one will be needed for the remote peer to be able to use it. addTrack()
- The
RTCPeerConnection
methodaddTrack()
adds a new media track to the connection. The track is added to the set of tracks which will be transmitted to the other peer. close()
- The
RTCPeerConnection.close()
method closes the current peer connection. createAnswer()
- The
createAnswer()
method on theRTCPeerConnection
interface creates an SDP answer to an offer received from a remote peer during the offer/answer negotiation of a WebRTC connection. The answer contains information about any media already attached to the session, codecs and options supported by the browser, and any ICE candidates whreiady been gathered. The answer is delivered to the returnedPromise
, and should then be sent to the source of the offer to continue the negotiation process. createOffer()
- The
createOffer()
method of theRTCPeerConnection
interface initiates the creation of an SDP offer which includes information about anyMediaStreamTrack
s already attached to the WebRTC session, codec and options supported by the browser, and any candidates already gathered by the ICE agent, for the purpose of being sent over the signaling channel to a potential peer to request a connection or to update the configuration of an existing connection. generateCertificate()
- The
generateCertificate()
method of theRTCPeerConnection
interface creates and stores an X.509 certificate and corresponding private key then returns anRTCCertificate
, providing access to it. getConfiguration()
- The
RTCPeerConnection.getConfiguration()
method returns anRTCConfiguration
object which indicates the current configuration of theRTCPeerConnection
on which the method is called. getIdentityAssertion()
- The
RTCPeerConnection.getIdentityAssertion()
method initiates the gathering of an identity assertion. This has an effect only if thesignalingState
is not"closed"
. getLocalStreams()
- The
RTCPeerConnection.getLocalStreams()
method returns an array ofMediaStream
associated with the local end of the connection. The array may be empty. getRemoteStreams()
- The
RTCPeerConnection.getRemoteStreams()
method returns an array ofMediaStream
associated with the remote end of the connection. The array may be empty. getSenders()
- The
RTCPeerConnection.getSenders()
method returns an array ofRTCRtpSender
objects, each of which represents one RTP sender. Each RTP sender is responsible for transmitting data for one track, and provides methods and properties for examining and controlling the transmission and encoding of the track's data. getStreamById()
- The
RTCPeerConnection.getStreamById()
method returns theMediaStream
with the given id that is associated with local or remote end of the connection. If no stream matches, it returnsnull
. removeStream()
- The
RTCPeerConnection.removeStream()
method removes aMediaStream
as a local source of audio or video. If the negotiation already happened, a new one will be needed for the remote peer to be able to use it. Because this method has been deprecated, you should instead useremoveTrack()
if your target browser versions have implemented it. removeTrack()
- The
RTCPeerConnection.removeTrack()
method tells the local end of the connection to stop sending media from the specified track, without actually removing the correspondingRTCRtpSender
from the list of senders as reported byRTCPeerConnection.getSenders()
. If the track is already stopped, or is not in the connection's senders list, this method has no effect. setConfiguration()
- The
RTCPeerConnection.setConfiguration()
method sets the current configuration of theRTCPeerConnection
based on the values included in the specifiedRTCConfiguration
object. This lets you change the ICE servers used by the connection and which transport policies to use. setIdentityProvider()
- The
RTCPeerConnection.setIdentityProvider()
method sets the Identity Provider (IdP) to the triplet given in parameter: its name, the protocol used to communicate with it (optional) and an optional username. The IdP will be used only when an assertion is needed. setLocalDescription()
- The
RTCPeerConnection.setLocalDescription()
method changes the local description associated with the connection. This description specifies the properties of the local end of the connection, including the media format. setRemoteDescription()
- The
RTCPeerConnection.setRemoteDescription()
method changes the remote description associated with the connection. This description specifies the properties of the remote end of the connection, including the media format. RTCPeerConnection.createDTMFSender()
- Creates a new
RTCDTMFSender
, associated to a specificMediaStreamTrack
, that will be able to send DTMF phone signaling over the connection. - https://github.com/jesup/nightly-gupshup/blob/master/static/js/chat.js
- http://www.html5rocks.com/en/tutorials/webrtc/basics/#toc-simple
- TutorRoom: Node.js HTML5 video capture, peer-to-peer video and filesharing application (source on GitHub)
Properties
Also inherits properties from: EventTarget
Event handlers
Also inherits event handlers from: EventTarget
Methods
Also inherits methods from: EventTarget
Obsolete method
The following method was obsoleted long ago and was never implemented in all major browsers.
Constants
RTCBundlePolicy enum
The RTCBundlePolicy
enum defines string constants which are used to request a specific policy for gathering ICE candidates if the remote peer isn't compatible with the SDP BUNDLE standard for bundling multiple media streams on a single transport link.
In technical terms, a BUNDLE lets all media flow between two peers flow across a single 5-tuple; that is, from the same IP and port on one peer to the same IP and port on the other peer, using the same transport protocol.
Constant | Description |
---|---|
"balanced" |
On BUNDLE-aware connections, the ICE agent should gather candidates for all of the media types in use (audio, video, and data). Otherwise, the ICE agent should only negotiate one audio and video track on separate transports. |
"max-compat" |
The ICE agent should gather candidates for each track, using separate transports to negotiate all media tracks for connections which aren't BUNDLE-compatible. |
"max-bundle" |
The ICE agent should gather candidates for just one track. If the connection isn't BUNDLE-compatible, then the ICE agent should negotiate just one media track. |
RTCIceConnectionState enum
The RTCIceConnectionState
enum defines the string constants used to describe the current state of the ICE agent and its connection to the ICE server (that is, the STUN or TURN server).
Constant | Description |
---|---|
"new" |
The ICE agent is gathering addresses or is waiting to be given remote candidates through calls to RTCPeerConnection.addIceCandidate() (or both). |
"checking" |
The ICE agent has been given one or more remote candidates and is checking pairs of local and remote candidates against one another to try to find a compatible match, but has not yet found a pair which will allow the peer connection to be made. It's possible that gathering of candidates is also still underway. |
"connected" |
A usable pairing of local and remote candidates has been found for all components of the connection, and the connection has been established. It's possible that gathering is still underway, and it's also possible that the ICE agent is still checking candidates against one another looking for a better connection to use. |
"completed" |
The ICE agent has finished gathering candidates, has checked all pairs against one another, and has found a connection for all components. |
"failed" |
The ICE candidate has checked all candidates pairs against one another and has failed to find compatible matches for all components of the connection. It is, however, possible that the ICE agent did find compatible connections for some components. |
"disconnected" |
Checks to ensure that components are still connected failed for at least one component of the RTCPeerConnection . This is a less stringent test than "failed" and may trigger intermittently and resolve just as spontaneously on less reliable networks, or during temporary disconnections. When the problem resolves, the connection may return to the "connected" state. |
"closed" |
The ICE agent for this RTCPeerConnection has shut down and is no longer handling requests. |
RTCIceGatheringState enum
The RTCIceGatheringState
enum defines string constants which reflect the current status of ICE gathering, as returned using the RTCPeerConnection.iceGatheringState
property. You can detect when this value changes by watching for an event of type icegatheringstatechange
.
Constant | Description |
---|---|
"new" |
The peer connection was just created and hasn't done any networking yet. |
"gathering" |
The ICE agent is in the process of gathering candidates for the connection. |
"complete" |
The ICE agent has finished gathering candidates. If something happens that requires collecting new candidates, such as a new interface being added or the addition of a new ICE server, the state will revert to "gathering" to gather those candidates. |
RTCIceTransportPolicy enum
The RTCIceTransportPolicy
enum defines string constants which can be used to limit the transport policies of the ICE candidates to be considered during the connection process.
Constant | Description |
---|---|
"all" |
All ICE candidates will be considered. |
"public" |
Only ICE candidates with public IP addresses will be considered. Removed from the specification's May 13, 2016 working draft. |
"relay" |
Only ICE candidates whose IP addresses are being relayed, such as those being passed through a TURN server, will be considered. |
RTCPeerConnectionState enum
The RTCPeerConnectionState
enum defines string constants which describe states in which the RTCPeerConnection
may be. These values are returned by the connectionState
property. This state essentially represents the aggregate state of all ICE transports (which are of type RTCIceTransport
or RTCDtlsTransport
) being used by the connection.
Constant | Description |
---|---|
"new" |
At least one of the connection's ICE transports (RTCIceTransport s or RTCDtlsTransport s) are in the "new" state, and none of them are in one of the following states: "connecting" , "checking" , "failed" , or "disconnected" , or all of the connection's transports are in the "closed" state. |
"connecting" |
One or more of the ICE transports are currently in the process of establishing a connection; that is, their RTCIceConnectionState is either "checking" or "connected" , and no transports are in the "failed" state. <<< Make this a link once I know where that will be documented |
"connected" |
Every ICE transport used by the connection is either in use (state "connected" or "completed" ) or is closed (state "closed" ); in addition, at least one transport is either "connected" or "completed" . |
"disconnected" |
At least one of the ICE transports for the connection is in the "disconnected" state and none of the other transports are in the state "failed" , "connecting" , or "checking" . |
"failed" |
One or more of the ICE transports on the connection is in the "failed" state. |
"closed" |
The This value was in the |
RTCRtcpMuxPolicy enum
The RTCRtcpMuxPolicy
enum defines string constants which specify what ICE candidates are gathered to support non-multiplexed RTCP. <<<add a link to info about multiplexed RTCP.
Constant | Description |
---|---|
"negotiate" |
Instructs the ICE agent to gather both RTP and RTCP candidates. If the remote peer can multiplex RTCP, then RTCP candidates are multiplexed atop the corresponding RTP candidates. Otherwise, both the RTP and RTCP candidates are returned, separately. |
"require" |
Tells the ICE agent to gather ICE candidates for only RTP, and to multiplex RTCP atop them. If the remote peer doesn't support RTCP multiplexing, then session negotiation fails. |
RTCSignalingState enum
The RTCSignalingState
enum specifies the possible values of RTCPeerConnection.signalingState
, which indicates where in the process of signaling the exchange of offer and answer the connection currently is.
Constant | Description |
---|---|
"stable" |
There is no ongoing exchange of offer and answer underway. This may mean that the RTCPeerConnection object is new, in which case both the localDescription and remoteDescription are null ; it may also mean that negotiation is complete and a connection has been established. |
"have-local-offer" |
The local peer has called RTCPeerConnection.setLocalDescription() , passing in SDP representing an offer (usually created by calling RTCPeerConnection.createOffer() ), and the offer has been applied successfully. |
"have-remote-offer" |
The remote peer has created an offer and used the signaling server to deliver it to the local peer, which has set the offer as the remote description by calling RTCPeerConnection.setRemoteDescription() . |
"have-local-pranswer" |
The offer sent by the remote peer has been applied and an answer has been created (usually by calling RTCPeerConnection.createAnswer() ) and applied by calling RTCPeerConnection.setLocalDescription() . This provisional answer describes the supported media formats and so forth, but may not have a complete set of ICE candidates included. Further candidates will be delivered separately later. |
"have-remote-pranswer" |
A provisional answer has been received and successfully applied in response to an offer previously sent and established by calling setLocalDescription() . |
"closed" |
The connection is closed. This value moved into the |
Specifications
Specification | Status | Comment |
---|---|---|
WebRTC 1.0: Real-time Communication Between Browsers The definition of 'RTCPeerConnection' in that specification. |
Working Draft | Initial definition. |
Browser compatibility
Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Microsoft Edge | Opera | Safari (WebKit) |
---|---|---|---|---|---|---|---|
Basic support | (Yes)-webkit 56 (unprefixed) |
(Yes) | 22 (22) -moz until Firefox 44 |
? | ? | ? | ? |
iceConnectionState : disconnected |
48 | ? | 52 (52) | ? | ? | ? | ? |
onicegatheringstatechange |
59 | ? | ? | ? | ? | ? | ? |
Feature | Android Webview | Chrome for Android | Edge | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|---|
Basic support | (Yes)-webkit 56 (unprefixed) |
(Yes)-webkit 56 (unprefixed) |
(Yes) | 22 (22) -moz until Firefox 44 |
22 | ? | ? | ? |
iceConnectionState : disconnected |
48 | 48 | ? | 52 (52) | No support | ? | ? | ? |
onicegatheringstatechange |
59 | 59 | ? | ? | ? | ? | ? | ? |