In addition to the widely used sound effects that can be setup by using the StreamElements Loyalty system and utilizing your Stream Store and Overlays, you can also allow your viewers to redeem short clips or animations to up engagement and chat interaction with the stream!
We wanted to make sure the item configuration flow is understood without overloading the article explaining how to set up sound commands. The article was basically copy pasted but the major setup step was edited to be specific to stream perks rather than sound commands.
This is also done in the Stream Store.
Create an item with these settings -
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'.
Upload your video by pressing 'CHANGE ALERT ASSET' and selecting it from the library.
A couple of notes:
- If you cannot see a preview of the video in the library, we suggest trying to export it as a different type, or same file type, but different formats. For example for .mp4 files, H.264 seems to work better than the newer HEVC (H.265) formats. The preview of the file in the library could be treated as an indication to whether or not the file was properly uploaded and can be expected to be played on screen
- If a sound is uploaded, it will take precedence over the audio in the video file that was uploaded. It will play instead of the audio included in the video file. If you uploaded a video file that has audio, there is no need to upload a sound file
- If you're allowing users to add a text message to the alert (the option below "Redeeming this item shows an alert"), you'll need to add the ${1:} variable to the command (see below) for the entire message to be read out (if not used, only the first word in the message will be read by TTS). As mentioned, standard tipping moderation rules apply
- The "Preview asset" is just the thumbnail that will be displayed in your stream store (as well as the public store) and is not part of the redeemed alert on screen
After uploading your assets, enable the forms of redemptions you want viewers to be able to redeem through, and whether or not the item is available to be redeemed by subscribers only.
Make sure to choose a name for the command.
There's no need to set up requirements.
Now, 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 of your choosing and set the response to be
${redeem item_name_here}
The item name and item command from the item's first and second settings pages don't have to be identical, but you can use the same exact word just to make sure you remember it. We would also recommend to set the command up with the same name.
For example, as seen in the screenshots above - the item name from the Item information page is ez4ence, and so is the item command from the Item content page ("first and second settings pages"). The custom command's name I have set up for this is !ez4ence, and its response is set to be ${redeem ez4ence}. That way, when a subscriber types !ez4ence in chat, the alert will play.
NOTE: If you've allowed users to add a message, in order to include the entire message in the redemption's TTS, the command needs to look like this - ${redeem ez4ence${1:}} instead of just ${redeem ez4ence}.
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 file.
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.
Make sure to save the overlay!
Now you can go ahead and test your newly created stream perk in chat:
- If a message is allowed to be added, simply type the message after the command (for example !ez4ence Hello my name is Bob).
- Make sure to have OBS or the Overlay Editor open to hear the sound playing upon redemption. If you've created a new overlay, 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: 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.