Do you want to use Sound Alerts throughout your mobile livestreams? 
Great. You will need the following list of things:

  • A mobile device that is connected to the Internet
  • A livestreaming app in which you can embed a browser source URL.

Just follow our quick and easy guide, which will take you about 5 minutes.

Step #1 - Getting your Browser Source URL

First things first: You will need your Browser Source URL. This is as simple as opening your SoundAlerts Dashboard on your Phone.

Open up https://dashboard.soundalerts.com by tapping this Link - or typing it manually. Tap the Big Blue Button to sign in with Twitch.

You will see a warning that the Dashboard is not well-suited for mobile devices, but as we're just visiting shortly, you can safely dismiss this warning.

chrome_2024-10-22_20-49-09.png

Tap on the Gear on the Left to change to your Settings, then tap on "Setup" - you may need to slightly move to the side to find it.

Mobile Browser Source.webp

Tap on "I use something else", then "Copy" next to the Browser Source URL.

You now have your Browser Source URL copied and can use it later! If you ever need to, come back here to copy it again.

Step #2 - Installing your live streaming software

In this example, we use the Prism Live app, which you can download from both the Google Playstore and the Apple App Store. There are other alternatives in your store, too and their setup procedure should be similar - sign in, add a "Web" or "Browser" Layer and go live!

Prism Play Store.png

When you first open the app, you will need to sign in with your preferred option - you can use Twitch, for example.

Prism Sign In.png

After this, you will see the main user interface, showing your main camera feed.

Step #3 - Configuring your live streaming software

If you want to focus on your Camera for streaming IRL, follow the Instructions on our dedicated Prism Setup Page - if you want to share Gameplay, carry on here by tapping on "Screen" (next to "Camera" and "VTuber")

Prism PortraitLandscape.png

You can now make your choice between Portrait or Landscape - either will work, but you need to tap it to edit the configuration that fits your game. This will open the Layout Editor:

Prism Layout Editor.png

Tap the + Plus Icon in the top right to add a new source. Select "Web".

Prism Add Layer.png

In the new Window, paste the Sound Alerts browser source URL (remember you should have copied it?) into the URL field - the Title should update automatically or you can set your own.

Prism Source URL.png

Select the toggle option based on your preference to see the Alerts overlayed on your game or not, then tap Save and you should be able to freely move the Browser Source over your gameplay as it fits your style.

Prism Move Source.png

You can now tap or click on "Test in Browser Source" on the Streamlabs Dashboard to see how things look in Prism / on your stream.

Prism Alert Example.png

You are now ready to hit "Ready" on the "Screen" selection in Prism to go Live!

If you have any questions left, please get in touch with us and visit our Sound Alerts Discord Server.

This is not the right solution? We are happy to help you!

Contact us
More articles
Elements Widgets Showcase
Elements Widgets Showcase

This article will show you how to use the Elements Widgets in the Sound Alerts Scene Editor.

Posted by Mr. Leeroy
0
Alert Animation Editor
Alert Animation Editor

With the Alert Animation Editor, you can assemble an alert animation focused on your stream's requirements in a simple yet powerful web editor in the Sound Alerts Dashboard.

Posted by Mr.Bubi
1
How to customize your own Font in the Sound Alerts Scene Editor
How to customize your own Font in the Sound Alerts Scene Editor

This article will show you how to edit the font for your widgets in the Sound Alerts Scene Editor. Moreover, we will show you how you can select one of your font files by adapting the CSS of the browser source.

Posted by Mr. Leeroy
0