Summary

The microphone feature in Unreal Engine's Pixel Streaming passes the microphone input audio from the stream into Unreal Engine. The audio stream is not directly exposed inside the engine, so any custom routing of the incoming audio stream will require additional modifications by the user beyond what is covered in this guide.

How are we going to do this?

  • Enable the microphone in the web client
  • Modify the Unreal Engine game to recieve incoming audio

Access Microphone via Web Client

It is possible to connect to the user's microphone in browser with our web client template. By doing so, the microphone audio will be sent to game as part of the webRTC stream.

To access the microphone in your streaming session simply add the useMic parameter to the end of your URL and set it to true.

https://customWebClientLink?useMic=true

Alternatively, you could enable the microphone in the client.json file.

"useMic":true

When loading your deployed web client for the first time, the browser will ask for permission to use the microphone on this page. You need to allow access to complete the rest of instructions below.

Receive incoming audio in Unreal Engine

Once the microphone has been enabled, audio from the user's browser will now be sent to the game through the streamer's PixelStreamingInputComponent; which is not enabled in the game by default.

After installing the PureWeb plugin, you’ll need to add the Pixel Streaming Audio component to your scene.

  • Select the PureWebActor you added to your scene during preparation
  • Click the Add button, in the Details panel
  • Type Pixel Streaming Audio in the search, then click it to add the component to the PureWebActor

The component's default settings will listen to the first peer it can hear.

Testing Microphone Input

After configuring your game to receive incoming microphone audio, package it and upload it to your PureWeb console account.

When you launch a stream from your custom web client, you should now be able to hear the microphone audio from the browser in the streaming game.

Next Steps

Feel free to adjust the settings to specify a source to listen to, or mix the incoming audio as you see fit for your streaming experience.

Additional audio routing is beyond the scope of this example, but see below for more information about UE's pixel streaming audio component.

Pixel Streaming Audio Component
Pixel Streaming Audio Component