tencent cloud

// 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();
    }

    /// 腾讯云License管理页面(https://console.tencentcloud.com/live/license)
    setupLicense() {
        // 当前应用的License LicenseUrl
        final licenseUrl = "";
        // 当前应用的License Key
        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; // 前置条件中创建的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);
    }
}

// live_room.dart

class LiveRoom extends StatelessWidget {
    final String loginUserID;
    final String playUrl;
    final String avChatRoomID = ''; // 一个直播间本质上是所有用户在一个av chat room 类型的群组里面做消息的收发

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

    @override
    Widget build(BuildContext context) {
        return Stack(
            children: [
                LivePlayer(playUrl: playUrl), // 直播拉流和画面播放
                TencentCloudAVChatRoom(
                    config: TencentCloudAvChatRoomConfig(
                        avChatRoomID: avChatRoomID,
                        loginUserID: loginUserID, //登录的用户ID
                    ),
                    data: TencentCloudAvChatRoomData(
                        isSubscribe: false,
                        notification: "直播间公告",
                        anchorInfo: AnchorInfo(
                            subscribeNum: 200,
                            fansNum: 5768,
                            nickName: "风雨人生",
                            avatarUrl:""
                        ),
                    )
                )
            ]
        )
    }
}

...
@override
    Widget build(BuildContext context) {
        return Stack(
            children: [
                LivePlayer(playUrl: playUrl), // 直播拉流和画面播放
                TencentCloudAVChatRoom(
                    ...
                    TencentCloudAvChatRoomCustomWidgets(
                        roomHeaderAction: Container(), // 屏幕右上角显示区域自定义组件, 默认显示的是直播间在线人数
                        roomHeaderLeading: Container(), // 屏幕左上角显示区域自定义组件，默认显示的是主播信息
                        roomHeaderTag: Container(), // roomHeaderAction 和 roomHeaderLeading 下方，一般用于显示排行榜，热度等。
                        onlineMemberListPanelBuilder: (context, id) { // 直播间在线人数点击后展开的面板自定义
                            return Container();
                        },
                        anchorInfoPanelBuilder: (context, id) { // 主播头像点击后展开的面板自定义
                            return Container();
                        },
                        giftsPanelBuilder: (context) { // 屏幕右下方礼物按钮点击后展示的面板自定义
                            return Container();
                        },
                        messageItemBuilder: (context, message, child) { // 弹幕消息自定义
                            return Container();
                        },
                        messageItemPrefixBuilder: (context, message) { // 弹幕消息前缀自定义，一般用于自定义粉丝牌子等
                            return Container();
                        },
                        giftMessageBuilder: (context, message) { // 礼物消息自定义, 从屏幕左侧滑入的礼物消息
                            return Container();
                        },
                        textFieldActionBuilder: ( // 屏幕右下方区域自定义
                            context,
                        ) {
                            return [Container()];
                        },
                        textFieldDecoratorBuilder: (context) { // 屏幕左下方输入框自定义
                            return Container();
                        }
                    )
                )
            ]
        )
    }

// 礼物带特效(会在屏幕左侧滑入送礼详情并会在屏幕上展示礼物特效(Lottie/SVAGA))
final customInfoRocket = {
    "version": 1.0, // 协议版本号
    "businessID": "flutter_live_kit", // 业务标识字段
    "data": {
        "cmd":
            "send_gift_message", // 必须为send_gift_message
        "cmdInfo": {
        "type": 3, // 礼物类型
        "giftUrl": "", // 礼物图片地址
        "giftCount": 1, // 礼物数量
        "giftSEUrl": "assets/live/rocket.json", // 礼物特效地址，如果是http 开头会加载网络地址
        "giftName": "超级火箭", // 礼物名称
        },
    }
};

// 礼物不带特效(会在屏幕左测滑入)
final customInfoPlane = {
    "version": 1.0, // 协议版本号
    "businessID": "flutter_live_kit", // 业务标识字段
    "data": {
      "cmd":
          "send_gift_message", // 必须为send_gift_message
      "cmdInfo": {
        "type": 2, // 礼物类型
        "giftUrl": "", // 礼物图片地址
        "giftCount": 1, // 礼物数量
        "giftName": "飞机", // 礼物名称
      },
    }
};

// 普通礼物(礼物会展示到弹幕中，不会从屏幕左测滑入和展示特效)
final normalGift = {
    "version": 1.0, // 协议版本号
    "businessID": "flutter_live_kit", // 业务标识字段
    "data": {
      "cmd":
          "send_gift_message", // 必须为send_gift_message
      "cmdInfo": {
        "type": 1, //普通礼物
        "giftUrl": "", // 礼物图片地址
        "giftCount": 1, // 礼物数量
        "giftName": "花", // 礼物名称
        "giftUnits": "朵", // 礼物单位
      },
    }
};