Live events chat gives users the ability to engage and react during high-occupancy events such as watching sports, concerts, vlogging and more.
Having a large number of people chatting together comes with its own set of challenges and how you architect your application will have a big impact on the experience of your end users. This demo shows PubNub’s React chat components styled efficiently, so users will see the maximum number of messages on the screen at once.
For more complex live event use cases and strategies, such as limiting the rate that messages are shown or breaking audiences up into smaller groups, our solution architect and support teams can help.
Features
Multiple, simultaneous live-event streams
Chat with other viewers of the stream and react with emojis
Participant list and presence indicators
Dark & Light modes
Responsive UI
How to Demo
Open the demo.
You will be assigned a random username, shown in the bottom-left corner.
Select a live channel to view from the left-hand panel. This demo simulates live content with YouTube videos.
Chat with other viewers in the right-hand panel.
Open up the demo in another window to see an end-to-end chat experience.
SDKs and Source Code
Live events demo source code - Download the source code to see best-practices for using chat components in a live-events app. See the readme for build instructions.
React Chat Components - Source code for the PubNub React chat components.
PubNub React SDK - PubNub's React framework allows you to use PubNub's JavaScript SDK features within a React application.
Feedback & Support
Need help? Contact PubNub Support.
Need help? Contact PubNub Support.