In addition to the widely used sound effects and stream perks that can be setup by using the StreamElements Loyalty system and utilizing the Stream Store and Overlays, you can also allow your viewers (or some of them) to talk to you! We can even set up TTS via the Stream Store.
So check out this article to learn how to set up command triggers!
Create an item with these settings -You can set the item name, description and cooldown settings as you wish, as well as cost. Make sure to set the item as 'Stream Perk' and press 'Next'.
There's no need to upload any assets (you can upload a preview asset if you want though as it is just the thumbnail in the stream store).
Enable only 'Redeemable via chat' and whether or not the item is available to be redeemed by subscribers only (honestly? recommended).
Make sure to choose a name for the command.
No need to set up requirements.
Now that the item is created let us set up the command to redeem it!
Navigate to your custom commands page here.
Create a command with a name that matches the item and set the response to be ${redeem item_name_here}
So in the example above the item name is tts and the command would be !tts as well. In addition, in order to include the entire message in the redemption's TTS, the command needs to look like this - ${redeem tts ${1:}} instead of just ${redeem tts}.
What is means for the user in chat is that they need to simply type the message after the !tts command (for example !tts Hello my name is Bob) which will result in the TTS bot reading out the attached message.
The two steps we've gone through above are not enough.
We have the item and the command and now we need to create an overlay that contains the Store Redemption widget. This widget would be what actually plays the TTS.
Navigate to My Overlays.
Create a new overlay (or edit an existing one that you use and want the widget added to).
Within the desired overlay (in the Editor), add the Store Redemption widget -
Once added, make sure to remove the default assets from that widget -
Since all viewers will be redeeming here is set up per item, we can get rid of the default video, sound, and text of the alert.
Go to TTS settings and enable text-to-speech (you can also choose your preferred TTS voice)
And now just save the overlay!
Now you can go ahead and test your newly created stream perk in chat, as explained, simply type the message after the command (so !tts MESSAGE).
- Make sure to have OBS or the Overlay Editor open to hear the sound playing upon redemption. If you've created a new overlay for TTS, make sure to add it as a browser source in your OBS. If you've added the widget to an existing overlay, you don't need to do that, just make sure you save the overlay.
NOTE: We recommend setting TTS up in its own overlay (and by that - its own browser source). The overlay should contain only the store redemption widget that's made to be used for TTS. If you have another store redemption widget in another overlay but in the same scene, make sure to delete it and only use the TTS redemption widget (as it will play any alert or message related to a stream store redemption and we don't need two of those in the same scene).
NOTE: While testing, you can set the command to be enabled while the stream is both online and offline. But for your own sake, once everything is set, make the command work only online (while you're live) -
You can also choose to hide the command from your public Stream Store.