FLUTTER ROOM CAPABILITIES
Rooms built for your application
Room lifecycle
- Create and join rooms
- Handle leave and end actions
Live conversation
- Connect participant video
- Control camera and microphone
Participant experience
- Display room members
- Reflect room state changes
Application identity
- Connect your own user IDs
- Authenticate with server-issued UserSig
Platform integration
- Flutter mobile applications
- Follow native or browser permissions
Your product flow
- Connect rooms to your navigation
- Keep business data in your app
Explore the Flutter meeting components
See the room experience and the code behind it.
A place for everyone
Mount the meeting view with the Flutter Video Conferencing UI Kit. Your application supplies authenticated users and a room ID.
import 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';
// After login, inside your widget with a BuildContext.
final behavior = RoomBehavior.create(
CreateRoomOptions(roomName: 'Workshop room'),
);
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => RoomMainWidget(
roomID: roomID, behavior: behavior,
config: const ConnectConfig(
autoEnableCamera: false,
autoEnableMicrophone: false, autoEnableSpeaker: true,
),
),
));Connect your application identity
Sign in with your application ID, user ID, and a server-issued UserSig. Enter the room after login succeeds.
import 'package:atomic_x_core/atomicxcore.dart';
final result = await LoginStore.shared.login(
sdkAppID: sdkAppID, userID: userID, userSig: userSig,
);
if (result.isSuccess) {
// Open the room after successful authentication.
}Bring participants together
Use an existing room ID to bring users into the same session.
import 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';
// After login, inside your widget.
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => RoomMainWidget(
roomID: roomID, behavior: const RoomBehavior.enter(),
config: const ConnectConfig(
autoEnableCamera: false,
autoEnableMicrophone: false, autoEnableSpeaker: true,
),
),
));CUSTOMIZATION
Make the room feel like your product
GET STARTED
Bring your first room to life
- 01
- 02
- 03
flutter pub add tencent_conference_uikitimport 'package:flutter/material.dart';
import 'package:tencent_conference_uikit/tencent_conference_uikit.dart';
// After login, inside your widget with a BuildContext.
final behavior = RoomBehavior.create(
CreateRoomOptions(roomName: 'Workshop room'),
);
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => RoomMainWidget(
roomID: roomID, behavior: behavior,
config: const ConnectConfig(
autoEnableCamera: false,
autoEnableMicrophone: false, autoEnableSpeaker: true,
),
),
));Flutter Video Conferencing UI Kit FAQs
What does the Flutter Video Conferencing UI Kit include?
The Flutter Video Conferencing UI Kit provides a ready-made meeting interface with room entry, video views, and participant controls. Your app supplies identity and business workflows.
How do I integrate the Flutter Video Conferencing UI Kit?
How do users sign in to the Flutter Video Conferencing UI Kit?
Use your SDKAppID, user ID, and a UserSig generated on your server. Keep the application secret out of browser and mobile code. Handle authentication failure before room entry.
Can I customize the meeting experience?
Adapt documented components and configuration to your product. Native UI Kit source exposes room views and toolbars. Check the platform guide for supported options.
How is Room priced?
Should I choose the UI Kit or SDK?
How do I integrate Flutter Video Conferencing UI Kit with Dart?
How do I test Flutter Video Conferencing UI Kit before releasing my app?
How do I customize the interface for Flutter Video Conferencing UI Kit?
Fork the TUIKit_Flutter room package for source-level changes to RoomMainWidget and its child widgets. For example, adjust RoomBottomBarWidget button order and point the tencent_conference_uikit dependency to your fork and branch. Do not rely on edits inside .pub-cache, which dependency operations can replace. Preserve each control's room action and keep native permissions and room navigation configured.