Deliver WebRTC streams to viewers using the Wowza Video REST API
WebRTC lets you capture video from your browser without installing plug-ins or downloading third-party software. With Wowza Video, you can deliver WebRTC streams to viewers or other video services directly from the transcoder. Egress costs for direct playback are typically greater than the costs associated with delivering streams to viewers through a CDN. For more information about cost, audience size, and other workflow considerations, see WebRTC workflows in Wowza Video.
Before you start
You should be familiar with the following concepts:
- API authentication methods . We use JSON web tokens for API authentication. See Authentication for more information.
- Environment variables . We use environment variables for the API version and your JWT in the cURL API request examples in this topic to make it easier for you to copy, paste, and run commands in your Terminal or Command Prompt window. If you don't set environment variables for these values, you'll need to manually enter the correct values in the code samples throughout this tutorial. See Tools for testing the API for instructions.
You should choose between the following two workflows:
-
Decide between the
live stream
or
transcoder
workflow.
See Decide between a live stream or transcoder workflow for more information about these workflows.
Live stream workflow
Live stream workflow
1. Create a live stream
Create a live stream that receives a WebRTC source by sending a
POST
request to the
/live_streams
endpoint.
You can use the following sample request, making sure to:
-
Set
encoder
toother_webrtc
. -
Set
aspect_ratio_height
to1280
. Recommended value for WebRTC streams. -
Set
aspect_ratio_width
to720
. Recommended value for WebRTC streams. -
Set
broadcast_location
to the region that's closest to your video source. -
Set
delivery_method
topush
. Wowza Video doesn't supportpull
orcdn
connections for WebRTC. - Change any values unique to your broadcast, using the API reference documentation as a resource. See the Endpoint Reference button below.
Sample request
curl -X POST \
-H "Content-Type: application/json" \
-H "Authorization: Bearer ${WV_JWT}" \
-d '{
"live_stream": {
"aspect_ratio_height": 720,
"aspect_ratio_width": 1280,
"billing_mode": "pay_as_you_go",
"broadcast_location": "us_west_california",
"delivery_method": "push",
"encoder": "other_webrtc",
"name": "MyWebRTCStream",
"transcoder_type": "transcoded"
}
}' "${WV_HOST}/api/${WV_VERSION}/live_streams"
Sample response
The response includes:
-
An
id
for the live stream you'll use in the next step. -
source_connection_information
you'll use in the next step to configure the WebRTC publish page.-
sdp_url
,application_name
, andstream_name
.
-
-
An array of
direct_playback_urls
. You'll use the URL with the namewebrtc
.
{
"live_stream": {
"id": "1234abcd",
"name": "MyWebRTCStream",
...
"encoder": "other_webrtc",
...
"source_connection_information": {
"sdp_url": "wss://[subdomain].entrypoint.video.wowza.com/webrtc-session.json",
"application_name": "app-30zl5349",
"stream_name": "32a5814b",
},
...
"direct_playback_urls": {
...
"webrtc": [
{
"name": "source",
"url": "wss://[subdomain].entrypoint.video.wowza.com/webrtc-session.json",
"application_name": "app-1880020Q",
"stream_name": "3f8f1889"
},
{
"name": "webrtc",
"url": "wss://[subdomain].entrypoint.video.wowza.com/webrtc-session.json",
"application_name": "app-1880020Q",
"stream_name": "3f8f1889_stream1",
"output_id": "wpdlffwf"
}
]
},
...
}
}
(Optional) Decrease latency
The default buffer size for a live stream is 4 seconds. To decrease the latency of the stream and get closer to real-time, you can change the buffer to 0. You'll make this change on the transcoder created for the live stream.
-
Send a request to
GET /transcoders
to get the transcoder ID for your live stream. See the API reference for more information about this endpoint. -
Send a request to
PATCH /transcoders/[ID]
, whereID
is the transcoder ID returned in the previous step, and set thebuffer_size
to 0. See the API reference for more information about this endpoint.
(Optional) Change viewer limit
The default viewer limit is 10 for direct playback URLs, but most transcoders can support up to 300 viewers for WebRTC playback. You'll make this change on the transcoder created for the live stream.
-
Send a request to
GET /transcoders
to get the transcoder ID for your live stream. See the API reference for more information about this endpoint. -
Send a request to
PATCH /transcoders/[ID]
, whereID
is the transcoder ID returned in the previous step, and set theplay_maximum_connections
to a value between10
and300
. See the API reference for more information about this endpoint.
2. Start the live stream
Before you can connect to the stream through the WebRTC publish page in
the next step, you need to start the live stream. You'll need the
[live_stream_id]
returned
in step 1.
curl -X PUT \
-H "Authorization: Bearer ${WV_JWT}" \
"${WV_HOST}/api/${WV_VERSION}/live_streams/[live_stream_id]/start"
3. Publish the WebRTC live stream
With the live stream started, you can now configure the WebRTC publish page as the source of the stream.
-
Go to
wowza.com/webrtc/publish
and grant access to your camera and microphone when prompted.
Info
The WebRTC hosted publish page is supported on the latest versions of Chrome and Safari, as well as Edge version 79 and later.
- Click the Settings button on the upper-right corner of the page.
-
Specify the following settings:
-
SDP URL
– The
sdp_url
from the WebRTCsource_connection_information
object. -
Application Name
– The
application_name
from the WebRTCsource_connection_information
object. -
Stream Name
– The
stream_name
from the WebRTCsource_connection_information
object. - Audio Bitrate – You can leave Audio Bitrate set to the default value, 64 .
- Video Bitrate – You can leave Video Bitrate set to the default value, 3500 .
-
SDP URL
– The
- Close the Settings dialog box to apply your changes.
- To change which microphone to use, click the arrow next to the microphone icon.
-
To change the video source, click the arrow next to the video camera
icon. To share your screen, select
Screen Share
.
Info
- The video source can’t be changed after the broadcast is started.
- Screen share functionality isn't supported on mobile devices or Safari.
- Click Publish .
The stream now has source video that you can view on the WebRTC playback page.
4. Play the WebRTC live stream
You can test the playback using our WebRTC playback page. See the Distributable viewer URL section to get a URL you can send to your viewers.
-
In a new browser tab, go to
wowza.com/webrtc/play
.
Info
The WebRTC hosted playback page is supported on the latest versions of Chrome and Safari, as well as Edge version 79 and later.
- Click the Settings button on the upper-right corner of the page.
-
Specify the following settings:
-
SDP URL
– The
url
from thewebrtc
rendition of the WebRTCdirect_playback_urls
object. -
Application Name
– The
application_name
from thewebrtc
rendition of the WebRTCdirect_playback_urls
object. -
Stream Name
– The
stream_name
from thewebrtc
rendition of the WebRTCdirect_playback_urls
object.Info
Make sure you don't use the
stream_name
fromsource_connection_information
. That object should not be distributed to viewers.
-
SDP URL
– The
- Close the Settings dialog box to apply your changes.
- Click Play .
Distributable viewer URL
You can get a URL to distribute to your viewers so they can watch the WebRTC stream on a preconfigured, hosted page in one of two ways:
- Log into Wowza Video and use the WebRTC Playback Page URL on the Overview page for the live stream.
-
Using the information in step 3, build the URL with the following
format:
https://wowza.com/webrtc/play?playApplicationName=[application_name]&playSdpURL=[sdp_url]&playStreamName=[stream_name]&title=[title]
Where
sdp_url
is escaped as in this example:wss3A2F2F[subdomain].entrypoint.video.wowza.com2Fwebrtc-session.json
5. Stop the live stream
To avoid incurring additional billing charges, remember to stop the live stream after the stream broadcast is over.
curl -X PUT \
-H "Authorization: Bearer ${WV_JWT}" \
"${WV_HOST}/api/${WV_VERSION}/live_streams/[live_stream_id]/stop"
More live stream resources
Transcoder workflow
Transcoder workflow
1. Create a transcoder
Create a transcoder that receives a WebRTC source by sending a
POST
request to the
/transcoders
endpoint.
You can use the following sample request, making sure to:
-
Set
protocol
towebrtc
. -
Set
delivery_method
topush
. Wowza Video doesn't supportpull
orcdn
connections for WebRTC. -
Set
broadcast_location
to the region that's closest to your video source. -
Set
buffer_size
to0
. The default buffer size for a stream is 4 seconds. Changing the buffer size to0
decreases the latency of the stream and gets it closer to real-time. -
Set
play_maximum_connections
to a value between10
and300
. The default maximum viewers for direct playback is10
. -
Set
transcoder_type
totranscoded
. We recommend that you use an adaptive bitrate transcoder (transcoded
) when performing direct playback of a WebRTC stream for maximum viewer connections and a larger feature set, however the transcoder workflow allows you to selectpassthrough
. The transcoder type affects how many viewers can connect to your stream directly through the transcoder:-
transcoded
results in a larger transcoder that can handle more viewer connections. -
passthrough
results in a smaller transcoder which can result in lower overall costs, but also means fewer viewer connections and other limitations. If you choose passthrough, make sure you do sufficient testing to ensure your streaming goals are met.
-
- Change any values unique to your broadcast, using the API reference documentation as a resource. See the Endpoint Reference button below.
Sample request
curl -X POST \
-H "Content-Type: application/json" \
-H "Authorization: Bearer ${WV_JWT}" \
-d '{
"transcoder": {
"billing_mode": "pay_as_you_go",
"broadcast_location": "us_west_california",
"buffer_size": 0,
"delivery_method": "push",
"name": "MyWebRTCTranscoder",
"protocol": "webrtc",
"play_maximum_connections": 10,
"transcoder_type": "transcoded"
}
}' "${WV_HOST}/api/${WV_VERSION}/transcoders"
Sample response
The response includes:
-
An
id
for the live stream you'll use in the next step. -
source_connection_information
you'll use in the next step to configure a WebRTC source encoder for the live stream.-
sdp_url
,application_name
, andstream_name
-
-
An array of
outputs
that contains an output for WebRTC. When you create a WebRTC transcoder, Wowza Video automatically creates a WebRTC output on the transcoder and you don't have to manually create and associate the output as you would with other protocols. -
An array of
direct_playback_urls
. You'll use the URL with the namewebrtc
.
{
"transcoder": {
"id": "tmd8ybp2",
"name": "MyWebRTCTranscoder",
"transcoder_type": "transcoded",
"billing_mode": "pay_as_you_go",
"broadcast_location": "us_west_california",
...
"protocol": "webrtc",
"delivery_method": "push",
"source_port": 443,
"domain_name": "[hostname].entrypoint.video.wowza.com",
"application_name": "app-V5840271",
"stream_name": "R1gxG3Ja",
...
"direct_playback_urls": {
...
"webrtc": [
{
"name": "source",
"url": "wss://[subdomain].entrypoint.video.wowza.com/webrtc-session.json",
"application_name": "app-1880020Q",
"stream_name": "3f8f1889"
},
{
"name": "webrtc",
"url": "wss://[subdomain].entrypoint.video.wowza.com/webrtc-session.json",
"application_name": "app-1880020Q",
"stream_name": "3f8f1889_stream1",
"output_id": "wdplffwf"
}
]
},
"outputs": [
{
"id": "bdnvb0l",
"name": "WebRTC Output: Video + Audio",
"transcoder_id": "tmd8ybp2",
...
"output_stream_targets": []
}
]
}
}
2. Start the transcoder
Before you can connect to the stream through the WebRTC publish page in
the next step, you need to start the transcoder. You'll need the
[transcoder_id]
returned
in step 1.
curl -X PUT \
-H "Authorization: Bearer ${WV_JWT}" \
"${WV_HOST}/api/${WV_VERSION}/transcoders/[transcoder_id]/start"
3. Publish the WebRTC stream
With the stream started, you can now configure the WebRTC publish page as the source of the stream.
-
Go to
wowza.com/webrtc/publish
and grant access to your camera and microphone when prompted.
Info
The WebRTC hosted publish page is supported on the latest versions of Chrome and Safari, as well as Edge version 79 and later.
- Click the Settings button on the upper-right corner of the page.
-
Specify the following settings:
-
SDP URL
– Enter
wss://[address]/webrtc-session.json
where
address
is the
domain_name
in the API response. -
Application Name
– The
application_name
in the API response. -
Stream Name
– The
stream_name
in the API response. This is not the object in the direct playback object. - Audio Bitrate – You can leave Audio Bitrate set to the default value, 64 .
- Video Bitrate – You can leave Video Bitrate set to the default value, 3500 .
-
SDP URL
– Enter
wss://[address]/webrtc-session.json
where
address
is the
- Close the Settings dialog box to apply your changes.
- To change which microphone to use, click the arrow next to the microphone icon.
-
To change the video source, click the arrow next to the video camera
icon. To share your screen, select
Screen Share
.
Info
- The video source can’t be changed after the broadcast is started.
- Screen share functionality isn't supported on mobile devices or Safari.
- Click Publish .
The stream now has source video that you can view on the WebRTC playback page.
4. Play the WebRTC stream
You can test the playback using our WebRTC playback page. See the Distributable viewer URL section to get a URL you can send to your viewers.
-
In a new browser tab, go to
wowza.com/webrtc/play
.
Info
The WebRTC hosted playback page is supported on the latest versions of Chrome and Safari, as well as Edge version 79 and later.
- Click the Settings button on the upper-right corner of the page.
-
Specify the following settings:
-
SDP URL
– The
url
from thewebrtc
rendition of the WebRTCdirect_playback_urls
object. -
Application Name
– The
application_name
from thewebrtc
rendition of the WebRTCdirect_playback_urls
object. -
Stream Name
– The
stream_name
from thewebrtc
rendition of the WebRTCdirect_playback_urls
object.
-
SDP URL
– The
- Close the Settings dialog box to apply your changes.
- Click Play .
Distributable viewer URL
You can get a URL to distribute to your viewers so they can watch the WebRTC stream on a preconfigured, hosted page in one of two ways:
- Log into Wowza Video and use the WebRTC Playback Page URL on the Overview page for the transcoder.
-
Using the information in step 3, build the URL with the following
format:
https://wowza.com/webrtc/play?playApplicationName=[application_name]&playSdpURL=[sdp_url]&playStreamName=[stream_name]&title=[title]
Where
sdp_url
is escaped as in this example:wss%3A%2F%2F[subdomain].entrypoint.video.wowza.com%2Fwebrtc-session.json
5. Stop the transcoder
To avoid incurring additional billing charges, remember to stop the transcoder after the stream broadcast is over.
curl -X PUT \
-H "Authorization: Bearer ${WV_JWT}" \
"${WV_HOST}/api/${WV_VERSION}/transcoders/[transcoder_id]/stop"