tencent cloud

/// step 1:
flutter pub add tencent_cloud_av_chat_room

/// step 2:
flutter pub get

import 'package:tencent_av_chat_room_kit/tencent_cloud_chat_sdk_type.dart';

class _MyHomePageState extends State<MyHomePage> {
     final int _sdkAppID = 0; // SDKAppID of the IM application created in the preconditions
     final String _loginUserID = ""; // UserID in precondition
     final String _userSig = ""; // UserSig in preconditions
    @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);
    }
}

import 'package:tencent_cloud_av_chat_room/tencent_cloud_av_chat_room.dart';

class _TencentAVChatRoomKitState extends State<TencentCloudAVChatRoom> {
    final int _sdkAppID = 0; // SDKAppID of the IM application created in the preconditions
    final String _loginUserID = ""; // UserID in precondition
    final String _userSig = ""; // UserSig in preconditions
    @override
      Widget build(BuildContext context) {
        return TencentCloudAVChatRoom(
            config: TencentCloudAvChatRoomConfig(
                loginUserID: _loginUserID, sdkAppID: _sdkAppID, userSig: _userSig));
    }
}

import 'package:tencent_cloud_av_chat_room/tencent_cloud_av_chat_room.dart';

class _TencentAVChatRoomKitState extends State<TencentCloudAVChatRoom> {
    final int _sdkAppID = 0; // SDKAppID of the IM application created in the preconditions
    final String _loginUserID = ""; // UserID in precondition
    final String _userSig = ""; // UserSig in preconditions
    @override
      Widget build(BuildContext context) {
        return TencentCloudAVChatRoom(
            data: TencentCloudAvChatRoomData(anchorInfo: AnchorInfo()),
            config: TencentCloudAvChatRoomConfig(
                loginUserID: _loginUserID, sdkAppID: _sdkAppID, userSig: _userSig, avChatRoomID: ''));
    }
}

// live.dart
class Live extends StatefulWidget {
  const Live({Key? key}) : super(key: key);

  @override
  State<Live> createState() => _LiveState();
}

class _LiveState extends State<Live> {
    ...
    @override
    void initState() {
        super.initState();
        setupLicense();
    }

    /// Tencent Cloud License Management Page (https://console.tencentcloud.com/live/license)
    setupLicense() {
        // The currently applied License LicenseUrl
        final licenseUrl = "";
        // License Key currently applied
        final licenseKey = "";
        V2TXLivePremier.setLicence(licenseUrl, licenseKey);
    }
    ...
}

// live_player.dart
...
class _LivePlayState extends State<LivePlayer> {
    ...
    @override
    void initState() {
        super.initState();
        initPlayer();
    }
    initPlayer() async {
        _livePlayer = await V2TXLivePlayer.create();
    }

    @override
    void dispose() {
        super.dispose();
        _livePlayer.destroy();
    }

    @override
    Widget build(BuildContext context) {
        return Container(
            color: Colors.black.withOpacity(0.7),
            child: V2TXLiveVideoWidget(
                onViewCreated: (viewId) async {
                _localViewId = viewId;
                startPlay();
                },
            ),
        );
    }

    void startPlay() async {
        if (_isPlaying) {
            return;
        }
        if (_localViewId != null) {
            debugPrint("_localViewId $_localViewId");
            var code = await _livePlayer.setRenderViewID(_localViewId!);
            if (code != V2TXLIVE_OK) {
                debugPrint("StartPlay error： please check remoteView load");
            }
        }
        var url = widget.playUrl;
        debugPrint("play url: $url");
        var playStatus = await _livePlayer.startLivePlay(url);
        debugPrint("play status: $playStatus");
        if (playStatus != V2TXLIVE_OK) {
        setState(() {
            _onError = true;
        });
        debugPrint("play error: $playStatus url: $url");
            return;
        }
        await _livePlayer.setPlayoutVolume(100);
        setState(() {
            _isPlaying = true;
        });
    }
}

import 'package:tencent_av_chat_room_kit/tencent_cloud_chat_sdk_type.dart';

class _MyHomePageState extends State<MyHomePage> {
     final int _sdkAppID = 0; // SDKAppID of the IM application created in the preconditions
    final String _loginUserID = ""; // UserID in precondition
    final String _userSig = ""; // UserSig in preconditions
    @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);
    }
}

// live_room.dart

class LiveRoom extends StatelessWidget {
    final String loginUserID;
    final String playUrl;
    final String avChatRoomID = ''; // A live broadcast room is essentially all users sending and receiving messages in an av chat room type group

    LiveRoom({Key? key, required this.loginUserID, required this.playUrl})
      : super(key: key);

    @override
    Widget build(BuildContext context) {
        return Stack(
            children: [
                LivePlayer(playUrl: playUrl), // Live streaming and screen playback
                TencentCloudAVChatRoom(
                    config: TencentCloudAvChatRoomConfig(
                        avChatRoomID: avChatRoomID,
                        loginUserID: loginUserID, //Login user ID
                    ),
                    data: TencentCloudAvChatRoomData(
                        isSubscribe: false,
                        notification: "Broadcast Room Announcement",
                        anchorInfo: AnchorInfo(
                            subscribeNum: 200,
                            fansNum: 5768,
                            nickName: "stormy life",
                            avatarUrl:""
                        ),
                    )
                )
            ]
        )
    }
}

...
@override
Widget build(BuildContext context) {
return Stack(
children: [
LivePlayer(playUrl: playUrl), // Live streaming and screen playback
TencentCloudAVChatRoom(
...
TencentCloudAvChatRoomCustomWidgets(
roomHeaderAction: Container(), // The area custom component is displayed in the upper right corner of the screen, and the default display is the number of people online in the live room
roomHeaderLeading: Container(), // The area custom component is displayed in the upper left corner of the screen, and the anchor information is displayed by default
roomHeaderTag: Container(), // Below roomHeaderAction and roomHeaderLeading, it is generally used to display leaderboards, popularity, etc.
onlineMemberListPanelBuilder: (context, id) { // Customize the panel that expands after clicking on the number of online members in the live broadcast room
return Container();
},
anchorInfoPanelBuilder: (context, id) { // Customize the expanded panel after the anchor's avatar is clicked
return Container();
},
giftsPanelBuilder: (context) { // Customize the panel displayed after clicking the gift button at the bottom right of the screen
return Container();
},
messageItemBuilder: (context, message, child) { // Customize bullet chat messages
return Container();
},
messageItemPrefixBuilder: (context, message) { // Customize the prefix of bullet chat messages, generally used to customize fan brands, etc.
return Container();
},
giftMessageBuilder: (context, message) { // Custom gift message, gift message that slides in from the left side of the screen
return Container();
},
textFieldActionBuilder: (// Customize the lower right area of the screen
context,
) {
return [Container()];
},
textFieldDecoratorBuilder: (context) { // Customize the input box at the bottom left of the screen
return Container();
}
)
)
]
)
}

// Gifts with special effects (the details of the gift will slide into the left side of the screen and the special effects of the gift (Lottie/SVAGA) will be displayed on the screen)
final customInfoRocket = {
"version": 1.0, // protocol version number
"businessID": "flutter_live_kit", // Business ID field
"data": {
"cmd":
"send_gift_message", // must be send_gift_message
"cmdInfo": {
"type": 3, // gift type
"giftUrl": "", // URL of gift image
"giftCount": 1, // number of gifts
"giftSEUrl": "assets/live/rocket.json", // gift special effect address, if it starts with http, the network address will be loaded
"giftName": "Super Rocket", // gift name
},
}
};

// The gift does not have special effects (it will slide in on the left side of the screen)
final customInfoPlane = {
    "version": 1.0, // protocol version number
    "businessID": "flutter_live_kit", // Business ID field
    "data": {
      "cmd":
          "send_gift_message", // must be send_gift_message
      "cmdInfo": {
        "type": 2, // gift type
        "giftUrl": "", // URL of gift image
        "giftCount": 1, // number of gifts
        "giftName": "Airplane", // gift name
      },
    }
};

// Ordinary gift (the gift will be displayed in the barrage, and will not slide in from the left side of the screen and display special effects)
final normalGift = {
    "version": 1.0, // protocol version number
    "businessID": "flutter_live_kit", // business ID field
    "data": {
      "cmd":
          "send_gift_message", // must be send_gift_message
      "cmdInfo": {
        "type": 1, //Ordinary gift
        "giftUrl": "", // URL of gift image
        "giftCount": 1, // number of gifts
        "giftName": "flower", // gift name
        "giftUnits": "Duo", // gift units
      },
    }
};

TencentCloudAvChatRoomData(
anchorInfo: AnchorInfo(), // anchor information
isSubscribe: false, // whether to subscribe
notification: "Live Room Announcement" // Live Room Announcement
)

TencentCloudAvChatRoomConfig(
  avChatRoomID: '', // AV Chat Group. Group ID of AV Chat Room type.[https://www.tencentcloud.com/document/product/269/75697?from_cn_redirect=1]
  loginUserID: '', // login user ID
  sdkAppID: 0, // IM application ID
  userSig: '', // sig generated by user ID and secretKey
  barrageMaxCount: 200, // The maximum number of barrage. The default is 200. When the number of entries is exceeded, the earlier barrage will be cleared.
  giftHttpBase: '', // Gift message http base.
  displayConfig: DisplayConfig() // Can control the display and hiding of some components on the interface
  )

final controller = TencentCloudAvChatRoomController();
final _needUpdateData = TencentCloudAvChatRoomData(
        anchorInfo: AnchorInfo(), // anchor information
isSubscribe: false, // whether to subscribe
notification: "Live Room Announcement" // Live Room Announcement
);
final _textString = "I am a text message";

final customInfoRocket = {
"version": 1.0, // protocol version number
"businessID": "flutter_live_kit", // Business ID field
"data": {
"cmd":
"send_gift_message", // command
"cmdInfo": { // Information carried by the command
"type": 3, // gift type
"giftUrl": "1e8913f8c6d804972887fc179fa1fbd7.png", // gift image address
"giftCount": 1, // number of gifts
"giftSEUrl": "assets/live/rocket.json", // gift special effect address
"giftName": "Super Rocket", // gift name
},
}
};

final customInfoPlane = {
    "version": 1.0,
    "businessID": "flutter_live_kit",
    "data": {
      "cmd":
          "send_gift_message",
      "cmdInfo": {
        "type": 2,
        "giftUrl": "5e175b792cd652016aa87327b278402b.png",
        "giftCount": 1,
        "giftName": "Airplane",
      },
    }
};

final customInfoFlower = {
    "version": 1.0,
    "businessID": "flutter_live_kit",
    "data": {
      "cmd":
          "send_gift_message",
      "cmdInfo": {
        "type": 1,
        "giftUrl": "8f25a2cdeae92538b1e0e8a04f86841a.png",
        "giftCount": 1,
        "giftName": "Flower",
        "giftUnits": "Duo",
      },
    }
};

// Update the data information of the incoming component.
controller. updateData(_needUpdateData);

// send text message
controller. sendTextMessage(_textString);

// Send a gift message, the gift message needs to follow the specific format above. There are three types of gifts: [1]: Normal gifts [2]: Gifts without special effects [3]: Gifts with special effects
controller.sendGiftMessage(jsonEncode(customInfoFlower));

// Send any type of message, [message] needs to be created by yourself
controller. sendMessage(message);

// Play special effects animation (Lottie, SVGA).
controller.playAnimation("assets/live/rocket.json"):

TencentCloudAvChatRoomCallback(
onMemberEnter: (memberInfo) {}, // someone enters the live room
onRecvNewMessage: (message) {} // received barrage message
)

TencentCloudAvChatRoomCustomWidgets(
roomHeaderAction: Container(), // The area custom component is displayed in the upper right corner of the screen, and the default display is the number of people online in the live room
roomHeaderLeading: Container(), // The area custom component is displayed in the upper left corner of the screen, and the anchor information is displayed by default
roomHeaderTag: Container(), // Below roomHeaderAction and roomHeaderLeading, it is generally used to display leaderboards, popularity, etc.
onlineMemberListPanelBuilder: (context, id) { // Customize the panel that expands after clicking on the number of online members in the live broadcast room
return Container();
},
anchorInfoPanelBuilder: (context, id) { // Customize the expanded panel after the anchor's avatar is clicked
return Container();
},
giftsPanelBuilder: (context) { // Customize the panel displayed after clicking the gift button at the bottom right of the screen
return Container();
},
messageItemBuilder: (context, message, child) { // Customize bullet chat messages
return Container();
},
messageItemPrefixBuilder: (context, message) { // Customize the prefix of bullet chat messages, generally used to customize fan brands, etc.
return Container();
},
giftMessageBuilder: (context, message) { // Custom gift message, gift message that slides in from the left side of the screen
return Container();
},
textFieldActionBuilder: (// Customize the lower right area of ​​the screen
context,
) {
return [Container()];
},
textFieldDecoratorBuilder: (context) { // Customize the input box at the bottom left of the screen
return Container();
}
)

TencentCloudAvChatRoomTheme(
backgroundColor: Colors.black, // The background color of the widget,
hintColor: Colors.red, // hint text color
highlightColor: Colors.orange, // highlight color
accentColor: Colors.white, // foreground color
textTheme: TencentCloudAvChatRoomTextTheme(), // font theme
secondaryColor: Colors.grey, // secondary color
inputDecorationTheme: InputDecorationTheme() // input box theme
)

TencentCloudAvChatRoomTextTheme(
giftBannerSubTitleStyle: TextStyle(), // gift message drawn on the left side of the screen sub title font theme, gift name
giftBannerTitleStyle: TextStyle(), // The title font theme of the gift message drawn on the left side of the screen
anchorTitleStyle: TextStyle(), // Anchor name font theme
anchorSubTitleStyle: TextStyle(), // like font theme
barrageTitleStyle: TextStyle(), // barrage message sender name subject
barrageTextStyle: TextStyle() // Barrage message content theme
)