Streaming

Broadcasting Mobile Native WebRTC Streams with the Larix Broadcaster

SUMMARY

Softvelum’s Larix Broadcaster allows you to stream broadcast quality WebRTC from your mobile device via Dolby.io Streaming.


Softvelum’s Larix Broadcaster, a free mobile capture and streaming app, has recently added support for WebRTC HTTP Ingest Protocol or WHIP, allowing mobile devices to stream WebRTC natively at the click of a button. The app converts your mobile device into a live camera for your broadcast event, excellent for testing or adding an extra angle to your live video production. Since the app supports WHIP it can connect to the Dolby.io WebRTC Streaming service, which can take the live video feed and deliver it to massive global audiences with under half a second of latency at an extremely high quality.

In this guide, we’ll explore how to set up the Larix Broadcaster to stream a live feed with H.264 video and Opus audio captured from an iOS device via the Dolby.io WebRTC Real-Time Streaming service.

Screenshot from an iPhone broadcasting the view from the Dolby office in San Francisco.
Broadcasting a WebRTC stream from the Dolby headquarters in San Francisco with an iPhone.

Setting up the Larix Broadcaster for WebRTC Streaming

To get started with the Larix broadcaster you first need to download it from either the App Store (iOS) or the Google Play Store (Android).

In addition to the broadcaster app itself, you also need to broadcast to a WebRTC server or service that supports WHIP. You can either build this server yourself or use a third-party solution like Dolby.io. In this guide, we’ll be using Dolby.io, and you can create a free account here to follow this tutorial.

Once you’ve downloaded the app and set up your account, open the broadcaster app’s settings panel. To begin broadcasting a WebRTC stream you need to specify the destination where the broadcaster app should deliver the stream. This is done by creating a “Connection” in the app. To create a new connection tap on the Connections tab.

The Settings page of the Larix Broadcaster. The author has highlighted the Connections tab.
The Settings page of the Larix Broadcaster.

If this is your first time using the app, your Connections tab will be empty. Tap on the plus icon in the top right corner and add a New WebRTC connection.

A screenshot of adding a new connection with the broadcaster app by clicking the plus in the top right corner.
Adding a new WebRTC connection with the broadcaster app.

Inside the connection settings, you’ll see a number of important parameters required for connecting the broadcaster app to a WebRTC server. In this example, we’ll be using the Dolby.io WebRTC Streaming servers to handle the delivery of our content from the iPhone to our end viewers. Each connection requires a name, in this case, we name the connection Dolby.io WebRTC Streaming.

A screenshot of adding a WebRTC connection with the connection settings visible.
There are a number of settings to adjust and credentials required when creating a WebRTC connection.

In addition to a name, connecting to the Dolby.io servers also requires a URL and authentication token. Navigate to the Streaming Dashboard and create a new token by clicking on the + CREATE button in the top left corner. This will open the token’s creation settings where you can specify a token label, recording, geo-blocking, and much more.

Screenshot of creating a new token with the dolby.io streaming token creation menu.
The Dolby.io Streaming token creation menu.

After creating a token, click on the token and switch to the API tab to open up the token API information. This page contains all the information we need for connecting to the Dolby.io WebRTC Streaming servers. On this page copy the WHIP endpoint URL and the Publishing token.

Screenshot of the Dolby.io Streaming dashboard after creating a token. Inside the token we are on the API tab adding the publishing token and the WHIP endpoint.
The Dolby.io Streaming token dashboard. Connecting from the Larix broadcaster requires a Publishing token and a WHIP endpoint.

Inside the Larix Broadcaster Connection settings, set the URL to the Dolby.io WHIP endpoint. Additionally, set Authentication to WHIP and set the token as the Dolby.io Publishing token.

Screenshot of the Larix broadcaster WHIP connection settings where we are adding the WHIP Endpoint URL and Publishing Token from the Dolby.io dashboard.
Back in the Larix Broadcaster, we can add our Dolby.io Streaming WHIP Endpoint and publishing token.

With our settings defined, we can exit out of the connection settings back to the broadcaster interface. To begin streaming, tap the recording button and point the camera. If the connection was correctly set up the device should begin streaming via the Dolby.io servers.

Screenshot from an iPhone broadcasting the view from the Dolby office in San Francisco.
Using the Larix Broadcaster app we can start WebRTC stream with an iPhone and stream out a great view from the Dolby Office in San Francisco

There are a number of ways to view the stream including a suite of SDKs for building apps and integrations. To keep things simple we can use the default stream viewer which can be found at:

https://viewer.millicast.com?streamId=<YOUR_ACCOUNT_ID>/<YOUR_STREAM_NAME>
Screenshot of a browser rendering the stream captured from the phone. The stream has a round trip time of 5ms.
Using Dolby.io WebRTC streaming we can capture and receive the mobile stream and view it in a browser. Note the Round Trip Time (RTT) in the top left corner.

By clicking the gear icon in the bottom right corner you can open the media stats where you can review things like the Round Trip Time (RTT) of the stream as well as other useful stats such as video and audio bitrate.

Streaming WebRTC from your Pocket

Whether it’s adding a fresh angle to your production or just streaming on the go, the Larix Broadcaster offers a lightweight solution that fits in your pocket to live stream WebRTC from iOS and Android devices. If you are interested in trying out other streaming protocols, the Larix Broadcaster also supports SRT streaming.

For those who want to build their own custom white-label WebRTC mobile app, you can use the Larix SDK that provides the source code for the Larix Broadcaster.

By using Dolby.io Streaming to handle the delivery of your content, creating WebRTC streams anywhere in the world is a simple and straightforward experience.

Feedback or Questions? Reach out to the team on TwitterLinkedIn, or reach out to our sales team.

Braden Riggs

Developer Advocate

Born and Raised in Australia and now Living in San Francisco, Braden joined the Developer Relations team in 2021 after graduating from UC San Diego with a degree in data science. Braden loves to create apps and content for the Dolby.io Blog, YouTube channel, and the samples GitHub. When not working you can find Braden surfing, hiking, or exploring San Francisco.

Get Started

Drive real-time interactions and engagement with sub-second latency

We are more than just a streaming solutions provider; we are a technology partner helping you build a streaming ecosystem that meets your goals. Get started for free and as you grow, we offer aggressive volume discounts protecting your margins.

Developer Resources

Explore learning paths and helpful resources as you begin development with Dolby.io.

Copy link
Powered by Social Snap