RTCPeerConnection.createOffer()
The createOffer()
method of the RTCPeerConnection
interface initiates the creation of an SDP offer for the purpose of starting a new WebRTC connection to a remote peer. The SDP offer includes information about any MediaStreamTrack
objects 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.
The return value is a Promise
which, when the offer has been created, is resolved with a RTCSessionDescription
object containing the newly-created offer.
Syntax
aPromise = myPeerConnection.createOffer([options]); myPeerConnection.createOffer(successCallback, failureCallback, [options])
Parameters
-
options
Optional -
An
RTCOfferOptions
dictionary providing options requested for the offer.
RTCOfferOptions dictionary
The RTCOfferOptions
dictionary is used to customize the offer created by this method.
-
iceRestart
Optional -
To restart ICE on an active connection, set this to
true
. This will cause the returned offer to have different credentials than those already in place. If you then apply the returned offer, ICE will restart. Specifyfalse
to keep the same credentials and therefore not restart ICE.false
. -
offerToReceiveAudio
Optional (Legacy) -
A legacy Boolean option which used to control whether or not to offer to the remote peer the opportunity to try to send audio. If this value is
false
, the remote peer will not be offered to send audio data, even if the local side will be sending audio data. If this value istrue
, the remote peer will be offered to send audio data, even if the local side will not be sending audio data. The default behavior is to offer to receive audio only if the local side is sending audio, not otherwise.To emulate this behavior in modern implementations, the presence of this member with a value
false
, will set the direction of all existing audio transceivers to exclude reception (i.e. set to either"sendonly"
or"inactive"
).In modern implementations, the presence of this member with a value
true
, will ensure there is at least one transceiver set to receive audio that has not been stopped, and if there isn't one, one will be created.Note: You shouldn't use this legacy property. Instead, use
RTCRtpTransceiver
to control whether or not to accept incoming audio. -
offerToReceiveVideo
Optional (Legacy) -
A legacy Boolean option which used to control whether or not to offer to the remote peer the opportunity to try to send video. If this value is
false
, the remote peer will not be offered to send video data, even if the local side will be sending video data. If this value istrue
, the remote peer will be offered to send video data, even if the local side will not be sending video data. The default behavior is to offer to receive video only if the local side is sending video, not otherwise.To emulate this behavior in modern implementations, the presence of this member with a value
false
, will set the direction of all existing video transceivers to exclude reception (i.e. set to either"sendonly"
or"inactive"
).In modern implementations, the presence of this member with a value
true
, will ensure there is at least one transceiver set to receive video that has not been stopped, and if there isn't one, one will be created.Note: You shouldn't use this legacy property. Instead, use
RTCRtpTransceiver
to control whether or not to accept incoming video. -
voiceActivityDetection
Optional -
Some codecs and hardware are able to detect when audio begins and ends by watching for "silence" (or relatively low sound levels) to occur. This reduces network bandwidth used for audio by only sending audio data when there's actually something to broadcast. However, in some cases, this is unwanted. For example, in the case of music or other non-voice transmission, this can cause loss of important low-volume sounds. Also, emergency calls should never cut audio when quiet.
true
(voice activity detection enabled).
Deprecated parameters
In older code and documentation, you may see a callback-based version of this function. This has been deprecated and its use is strongly discouraged. You should update any existing code to use the Promise
-based version of createOffer()
instead. The parameters for this form of createOffer()
are described below, to aid in updating existing code.
-
successCallback
-
A callback function which will be passed a single
RTCSessionDescription
object describing the newly-created offer. -
errorCallback
-
A callback function which will be passed a single
DOMException
object explaining why the request to create an offer failed. -
options
Optional -
An optional
RTCOfferOptions
dictionary providing options requested for the offer.
Return value
A Promise
whose fulfillment handler will receive an object conforming to the RTCSessionDescriptionInit
dictionary which contains the SDP describing the generated offer. That received offer should be delivered through the signaling server to a remote peer.
Exceptions
These exceptions are returned by rejecting the returned promise. Your rejection handler should examine the received exception to determine which occurred.
InvalidStateError
-
The
RTCPeerConnection
is closed. NotReadableError
-
No certificate or set of certificates was provided for securing the connection, and
createOffer()
was unable to create a new one. Since all WebRTC connections are required to be secured, that results in an error. OperationError
-
Examining the state of the system to determine resource availability in order to generate the offer failed for some reason.
Example
Here we see a handler for the negotiationneeded
event which creates the offer and sends it to the remote system over a signaling channel.
Note: Keep in mind that this is part of the signaling process, the transport layer for which is an implementation detail that's entirely up to you. In this case, a WebSocket connection is used to send a JSON message with a type
field with the value "video-offer" to the other peer. The contents of the object being passed to the sendToServer()
function, along with everything else in the promise fulfillment handler, depend entirely on your design.
myPeerConnection.createOffer().then(function(offer) { return myPeerConnection.setLocalDescription(offer); }) .then(function() { sendToServer({ name: myUsername, target: targetUsername, type: "video-offer", sdp: myPeerConnection.localDescription }); }) .catch(function(reason) { // An error occurred, so handle the failure to connect });
In this code, the offer is created, and once successful, the local end of the RTCPeerConnection
is configured to match by passing the offer (which is represented using an object conforming to RTCSessionDescriptionInit
) into setLocalDescription()
. Once that's done, the offer is sent to the remote system over the signaling channel; in this case, by using a custom function called sendToServer()
. The implementation of the signaling server is independent from the WebRTC specification, so it doesn't matter how the offer is sent as long as both the caller and potential receiver are using the same one.
Use Promise.catch()
to trap and handle errors.
See Signaling and video calling for the complete example from which this snippet is derived; this will help you to understand how the signaling code here works.
Specifications
Specification |
---|
WebRTC 1.0: Real-Time Communication Between Browsers (WebRTC 1.0) # dom-rtcpeerconnection-createoffer |
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
createOffer |
24 |
15 |
22 |
No |
15 |
11 |
≤37 |
25 |
44 |
14 |
11 |
1.5 |
returns_promise |
51 |
79 |
66 |
No |
43 |
11 |
51 |
51 |
66 |
43 |
11 |
6.0 |
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/RTCPeerConnection/createOffer