This guide will show you how to add live reactions to an event, and explain how each setting works in detail.
The video below demonstrates how to enable live reactions.
Create A Video Player Template
- Click the video player template button under the Themes tab on the left hand menu in the StreamShark portal.
- Click the Add button in the Player Templates page.
Add Video Player Template Details
- Enter a name for your template under the Template Name section
- To add reactions to your event, enable Live Stream Reactions in the Reaction Settings section
- Customise the reaction settings to suit your event
The following table below details each setting and a description of what each value means:
Setting | Value | Description |
Reaction Position - Specifies the location that the reactions will be displayed on the video player. |
Left | All reactions will show up starting from the left side of the player to a third of the way in. |
Randomized | Reactions can appear anywhere on the player | |
Right | Reactions will appear starting about a third of the way from the right side of the player | |
Height When Reactions Disappear - Specifies at which height on the video player reactions will disappear. |
Top | Reactions will start to fade when they reach two-thirds of the way up the player’s screen. |
Middle | Reactions will start to fade when they reach half of the way up the player’s screen. | |
Bottom | Reactions will start to fade when they reach about one-third of the way up the player’s screen. | |
Hold to Enlarge - Turn on if you wish to give users the ability to hold reactions to enlarge them. |
On | Allows the user to hold down click to gradually increase the size of the reaction, and releasing the click will let the reaction go. |
Off | Disables the option to gradually increase the size of the reaction; you can only send reactions at the default size. | |
Customize Reactions - Set your own custom reactions. |
On | Lets you customize up to 9 reactions to fit your event. Must have at least one reaction |
Off | Utillizes the default 9 preconfigured reactions |
Verify Reaction Settings
- Head to the Manage Events page by clicking on streaming events on the left hand menu in the StreamShark portal
- Click on the event name of an event or create one if you haven't already.
- Click on the settings tab to edit event settings
- In the Player Template field in the General Settings section, select the player template you created
- Broadcast your stream (see here for more details: https://support.streamshark.io/hc/en-us/articles/360002755952-How-to-Create-a-Live-Streaming-Event)
- Once the stream had been broadcasted, ensure your event phase is in "main event". You can change this in the Workflow tab
- Preview your stream by heading to the Overview tab and in opening the preview page link
- Notice within the player control bar there is a smily face icon, this indicates that reactions have been successfully applied to the event
About Reactions
- There is a limit of 200 reactions on the page at a time, this is to reduce potential clutter on the player.
- There is a throttle that occurs when a user is sending too many reacts at once, the user will be able to see the reactions they sent but if they are throttled, others will be unable to see the reactions
- There are additional options to hide other people's reaction (Hide reactions from others) or hide your own reactions (Hide my reactions) by clicking on the icon to the right of the smiley face icon.
- You cannot send or receive reactions if the stream is paused or if the stream isn't actively broadcasting