Browse Source
feat(rtc): 添加踢出RTC频道用户功能
feat(rtc): 添加踢出RTC频道用户功能
- 新增API接口用于踢出RTC频道中的指定用户 - 在RoomController中实现踢出用户的业务逻辑 - 更新RTC API定义及自动生成的代码 - 添加解除连麦对话框组件DisconnectMicDialog - 实现嘉宾连麦状态管理和UI展示逻辑ios
Jolie
3 months ago
5 changed files with 272 additions and 0 deletions
Split View
Diff Options
-
34lib/controller/discover/room_controller.dart
-
2lib/network/api_urls.dart
-
6lib/network/rtc_api.dart
-
34lib/network/rtc_api.g.dart
-
196lib/widget/live/disconnect_mic_dialog.dart
@ -0,0 +1,196 @@ |
|||
import 'package:dating_touchme_app/controller/discover/room_controller.dart'; |
|||
import 'package:dating_touchme_app/generated/assets.dart'; |
|||
import 'package:dating_touchme_app/model/rtc/rtc_channel_detail.dart'; |
|||
import 'package:flutter/material.dart'; |
|||
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|||
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart'; |
|||
import 'package:get/get.dart'; |
|||
|
|||
/// 解除连麦对话框 |
|||
class DisconnectMicDialog extends StatelessWidget { |
|||
const DisconnectMicDialog({super.key}); |
|||
|
|||
@override |
|||
Widget build(BuildContext context) { |
|||
final roomController = Get.find<RoomController>(); |
|||
|
|||
return Dialog( |
|||
shape: RoundedRectangleBorder( |
|||
borderRadius: BorderRadius.circular(12.w), |
|||
), |
|||
child: Container( |
|||
padding: EdgeInsets.all(20.w), |
|||
child: Column( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
// 标题栏 |
|||
Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceBetween, |
|||
children: [ |
|||
Text( |
|||
'解除连麦', |
|||
style: TextStyle( |
|||
fontSize: 18.sp, |
|||
fontWeight: FontWeight.bold, |
|||
color: Colors.black87, |
|||
), |
|||
), |
|||
GestureDetector( |
|||
onTap: () => SmartDialog.dismiss(), |
|||
child: Icon( |
|||
Icons.close, |
|||
size: 24.w, |
|||
color: Colors.grey, |
|||
), |
|||
), |
|||
], |
|||
), |
|||
SizedBox(height: 20.w), |
|||
// 嘉宾列表 |
|||
Obx(() { |
|||
final maleInfo = roomController.rtcChannelDetail.value?.maleInfo; |
|||
final femaleInfo = roomController.rtcChannelDetail.value?.femaleInfo; |
|||
|
|||
// 如果没有嘉宾在连麦 |
|||
if (maleInfo == null && femaleInfo == null) { |
|||
return Padding( |
|||
padding: EdgeInsets.symmetric(vertical: 20.w), |
|||
child: Text( |
|||
'暂无嘉宾连麦', |
|||
style: TextStyle( |
|||
fontSize: 14.sp, |
|||
color: Colors.grey, |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
return Row( |
|||
mainAxisAlignment: MainAxisAlignment.spaceEvenly, |
|||
children: [ |
|||
// 男嘉宾 |
|||
if (maleInfo != null) |
|||
Expanded( |
|||
child: _buildGuestItem( |
|||
context: context, |
|||
userInfo: maleInfo, |
|||
roomController: roomController, |
|||
isMale: true, |
|||
), |
|||
), |
|||
if (maleInfo != null && femaleInfo != null) |
|||
SizedBox(width: 20.w), |
|||
// 女嘉宾 |
|||
if (femaleInfo != null) |
|||
Expanded( |
|||
child: _buildGuestItem( |
|||
context: context, |
|||
userInfo: femaleInfo, |
|||
roomController: roomController, |
|||
isMale: false, |
|||
), |
|||
), |
|||
], |
|||
); |
|||
}), |
|||
SizedBox(height: 10.w), |
|||
], |
|||
), |
|||
), |
|||
); |
|||
} |
|||
|
|||
/// 构建嘉宾项 |
|||
Widget _buildGuestItem({ |
|||
required BuildContext context, |
|||
required RtcSeatUserInfo userInfo, |
|||
required RoomController roomController, |
|||
required bool isMale, |
|||
}) { |
|||
// 判断当前嘉宾是否还在连麦 |
|||
final isConnected = userInfo.isMicrophoneOn; |
|||
|
|||
return Column( |
|||
children: [ |
|||
// 头像 |
|||
ClipOval( |
|||
child: Image.network( |
|||
userInfo.profilePhoto, |
|||
width: 60.w, |
|||
height: 60.w, |
|||
fit: BoxFit.cover, |
|||
errorBuilder: (context, error, stackTrace) { |
|||
return Image.asset( |
|||
Assets.imagesUserAvatar, |
|||
width: 60.w, |
|||
height: 60.w, |
|||
); |
|||
}, |
|||
), |
|||
), |
|||
SizedBox(height: 10.w), |
|||
// 昵称 |
|||
Text( |
|||
userInfo.nickName, |
|||
style: TextStyle( |
|||
fontSize: 14.sp, |
|||
color: Colors.black87, |
|||
), |
|||
maxLines: 1, |
|||
overflow: TextOverflow.ellipsis, |
|||
), |
|||
SizedBox(height: 10.w), |
|||
// 解除连麦按钮 |
|||
GestureDetector( |
|||
onTap: isConnected |
|||
? () async { |
|||
// 解除连麦 |
|||
await _disconnectMic(roomController, isMale); |
|||
} |
|||
: null, |
|||
child: Container( |
|||
padding: EdgeInsets.symmetric(horizontal: 12.w, vertical: 8.w), |
|||
decoration: BoxDecoration( |
|||
color: isConnected ? const Color(0xFF8B5CF6) : Colors.grey[300], |
|||
borderRadius: BorderRadius.circular(20.w), |
|||
), |
|||
child: Row( |
|||
mainAxisSize: MainAxisSize.min, |
|||
children: [ |
|||
Image.asset( |
|||
Assets.imagesMicOff, |
|||
width: 14.w, |
|||
color: isConnected ? Colors.white : Colors.grey[600], |
|||
), |
|||
SizedBox(width: 4.w), |
|||
Text( |
|||
isConnected ? '解除连麦' : '已解除连麦', |
|||
style: TextStyle( |
|||
fontSize: 12.sp, |
|||
color: isConnected ? Colors.white : Colors.grey[600], |
|||
), |
|||
), |
|||
], |
|||
), |
|||
), |
|||
), |
|||
], |
|||
); |
|||
} |
|||
|
|||
/// 解除连麦 |
|||
Future<void> _disconnectMic(RoomController roomController, bool isMale) async { |
|||
// 更新本地状态 - 移除对应嘉宾的信息 |
|||
final currentDetail = roomController.rtcChannelDetail.value; |
|||
if (currentDetail != null) { |
|||
final newDetail = RtcChannelDetail( |
|||
channelId: currentDetail.channelId, |
|||
anchorInfo: currentDetail.anchorInfo, |
|||
maleInfo: isMale ? null : currentDetail.maleInfo, |
|||
femaleInfo: !isMale ? null : currentDetail.femaleInfo, |
|||
); |
|||
roomController.rtcChannelDetail.value = newDetail; |
|||
} |
|||
} |
|||
} |
|||
|
|||
Write
Preview
Loading…
Cancel
Save