Tencent Cloud AV Chat Room

快速接入腾讯IM AvChat(直播群)，搭建千万级互动直播场景。

![](https://qcloudimg.tencent-cloud.cn/raw/d76a820575ce321af9dd6029928f245d.jpg)

体验演示 #

您可以通过下载下面的 Mobile APP/H5 在直播模块中体验直播场景。 下面的演示版本是使用Cloud Chat SDK和Cloud Chat UIKit以及相关插件构建的 Flutter 项目

介绍 #

Tencent Cloud AV Chat Room 是基于Tencent Cloud Chat SDK并围绕直播场景业务实现的 UI 组件。它包含了弹幕收发、直播间送礼、直播间点赞、直播间在线人数等功能。

您可通过该组件快速实现一个千万级互动的直播 APP。

快速开始 #

前置条件 #

已注册腾讯云账号并完成身份验证。
参照创建并升级应用创建应用，并记录好 SDKAppID。
在 IM 控制台选择您的应用，在左侧导航栏依次点击辅助工具->UserSig 生成&校验，创建 UserID 及其对应的 UserSig，复制UserID、签名（Key）、UserSig这三个，后续登录时会用到。
创建一个 Flutter 应用。
在 pubspec.yaml 文件中的 dependencies 下添加 tencent_cloud_av_chat_room。或者执行如下命令：

/// step 1:
flutter pub add tencent_cloud_av_chat_room

/// step 2:
flutter pub get

步骤 1: 初始化并登陆 IM #

初始化并登录 IM 有两种方式:

组件外部: 整个应用初始化并登录一次即可。
组件内部: 通过配置的方式将参数传入组件内部。如若您在现有 IM flutter 项目中集成该插件，可跳过该步骤。

组件外部(推荐)

在您创建的 flutter 应用中初始化 IM, 注意 IM 应用只需初始化一次即可。如若在现有 IM 项目中集成可跳过该步骤。

import 'package:tencent_av_chat_room_kit/tencent_cloud_chat_sdk_type.dart';

class _MyHomePageState extends State<MyHomePage> {
	 final int _sdkAppID = 0; // 前置条件中创建的IM应用SDKAppID
	 final String _loginUserID = ""; // 前置条件中的UserID
	 final String _userSig = ""; // 前置条件中的UserSig
	@override
	void initState() {
		super.initState();
		_initAndLoginIm();
	  }

	_initAndLoginIm() async {
		await TencentImSDKPlugin.v2TIMManager.initSDK(
			sdkAppID: _sdkAppID,
			loglevel: LogLevelEnum.V2TIM_LOG_ALL,
			listener: V2TimSDKListener());
		TencentImSDKPlugin.v2TIMManager
          .login(userID: _loginUserID, userSig: _userSig);
	}
}

组件内部

您也可将SDKAppID、UserSig、UserID通过配置的方式传入组件内部进行 IM 的初始化和登录。

import 'package:tencent_cloud_av_chat_room/tencent_cloud_av_chat_room.dart';

class _TencentAVChatRoomKitState extends State<TencentCloudAVChatRoom> {
	final int _sdkAppID = 0; // 前置条件中创建的IM应用SDKAppID
	final String _loginUserID = ""; // 前置条件中的UserID
	final String _userSig = ""; // 前置条件中的UserSig
	@override
  	Widget build(BuildContext context) {
		return TencentCloudAVChatRoom(
			config: TencentCloudAvChatRoomConfig(
				loginUserID: _loginUserID, sdkAppID: _sdkAppID, userSig: _userSig));
	}
}

步骤 2: 使用组件 #

在您合适的模块中使用该组件，通常我们会与腾讯云直播集成来搭建直播间。

import 'package:tencent_cloud_av_chat_room/tencent_cloud_av_chat_room.dart';

class _TencentAVChatRoomKitState extends State<TencentCloudAVChatRoom> {
	final int _sdkAppID = 0; // 前置条件中创建的IM应用SDKAppID
	final String _loginUserID = ""; // 前置条件中的UserID
	final String _userSig = ""; // 前置条件中的UserSig
	@override
  	Widget build(BuildContext context) {
		return TencentCloudAVChatRoom(
			data: TencentCloudAvChatRoomData(anchorInfo: AnchorInfo()),
			config: TencentCloudAvChatRoomConfig(
				loginUserID: _loginUserID, sdkAppID: _sdkAppID, userSig: _userSig, avChatRoomID: ''));
	}
}

API Docs #