React to a live event
Reactions is a social interaction tool that encourages audience engagement during a live event. Users can express their response to the live event beyond text using a reaction icon. Similar to the reaction feature seen in Instagram or YouTube live streams, users can use the reaction button on the live event view and other users, including the host, will see the corresponding animated reaction on their mobile screens.
Implement Reactions in LiveEventViewController
In the header component of LiveEventViewController, users can find a customizable reaction button. Only participants can send reactions since the reaction button is only visible for participants and not hosts.
When a participant taps on the reaction button, the reaction icon will appear as an animation on the mobile screen, moving upwards and oscillating from left to right. The animated reaction is visible in both participant view and host view.
Customization
You can customize the reaction icon and its animation by modifying the properties of the LiveEventViewController class.
UI Customization
The following table lists properties that you can use to customize the reaction animation.
| Property name | Description |
|---|---|
enableReactions | Determines whether to use the reactions feature in |
animationHeight | Specifies the height of the total area of the screen that the animated reaction moves in. |
animationWidth | Specifies the width of the total area of the screen that the animated reaction moves in. |
animationRepeatCount | Specifies the maximum number of the times that the reaction icon moves from left to right. Each reaction icon tapped by a participant will be assigned to a random number in the range from one to the specified value. |
Icon set
The following table lists icons for reactions in SBUIconSet that you can customize.
| Icon | Image | Description |
|---|---|---|
ICON_REACTION_BUTTON | Indicates the button image to send a reaction in the live event view controller. | |
ICON_REACTION_ANIMATION | Indicates the button image that's used to animate reactions in the live event view controller. |