Skip to main content
Key Benefit: Enhance live streaming experiences with real-time chat functionality including messaging, reactions, mentions, and user interactions designed specifically for high-volume live events.

​
Feature Overview

This powerful UIKit is designed to seamlessly integrate live chat functionalities into your in-app livestreams, enhancing viewer engagement and interaction. Whether you’re hosting gaming streams, sports events, or live Q&A sessions, our UIKit equips you with everything you need to create an immersive chat experience.

Live Messaging

Real-Time Communication
  • Send and receive text messages instantly
  • Edit or delete own messages
  • Flag inappropriate content for moderation
  • High-volume message handling

Interactive Features

Enhanced Engagement
  • Message reactions with customizable emojis
  • User mentions (@username or @all)
  • User profiles and role badges
  • Moderator identification

Customizable Interface

Brand-Aligned Design
  • Customizable messaging components
  • Theme configuration options
  • Configurable message limits
  • Custom placeholder text

Live Event Optimization

Stream-Ready Features
  • Channel information display
  • Member count tracking
  • Real-time message flow
  • Performance optimized for live events

​
Implementation Guide

  • Complete Live Chat Page
  • Header Component
  • Message List & Reactions
  • Message Compose Bar
Full-featured live chat interfaceThe AmityLiveChatPage provides a complete live chat experience by integrating header, message list, and compose bar components.

​
Required Parameters

ParameterTypeDescription
channelIdStringUnique identifier for the live chat channel

​
Features

FeatureDescription
Live Chat FunctionalitiesA complete page with full live chat features
Real-Time UpdatesInstant message delivery and display
Integrated ComponentsHeader, message list, and compose bar

​
Customization Options

Config IDConfig KeyTypeDescription
live_chat/*/*themePageCustomize page theme

​
Code Examples

let page = AmityLiveChatPage(channelId: "live-channel-id")

// To use this page from UIKit framework, you can also wrap it in AmitySwiftUIHostingController.
let viewController = AmitySwiftUIHostingController(rootView: page)
Complete Integration: The live chat page automatically handles real-time messaging, user interactions, and component coordination through the underlying SDK.

​
Component Management Strategies

Optimizing for high-volume live streamsPlan your live chat implementation to handle high message volumes during popular streams. Consider message rate limiting, user role management, and moderation workflows to maintain a positive chat environment.
Maximizing viewer interactionDesign clear visual hierarchies for user roles, implement intuitive reaction systems, and provide easy access to mentions and replies to encourage active participation in live events.
Maintaining safe live environmentsImplement effective moderation tools, user reporting systems, and automated content filtering to ensure live chat remains engaging and appropriate for your audience.

​
Best Practices

Ensuring smooth live chat experienceConfigure appropriate message limits, implement efficient scrolling behaviors, and optimize component rendering for smooth performance during high-activity live events.
Creating engaging live interactionsDesign clear visual indicators for user roles, provide intuitive interaction patterns for reactions and mentions, and ensure the chat interface doesn’t interfere with the main live content.
Aligning with your brand and contentCustomize themes, message limits, and placeholder text to match your streaming platform’s design and tone. Consider your audience and content type when configuring interaction features.

Group Chat

Multi-User Conversations Advanced group messaging features

Conversation Chat

Standard Messaging Regular chat conversation components

Moderation Tools

Content Safety Content moderation and user management
Implementation Strategy: Start with AmityLiveChatPage for a complete live chat experience, then customize individual components (header, message list, compose bar) as needed to match your streaming platform’s specific requirements and branding.