优化了老师端的等待状态判断逻辑

This commit is contained in:
zhutao
2025-11-23 22:09:39 +08:00
parent 5784a0a5d4
commit 4ecb0c35d6
8 changed files with 276 additions and 67 deletions

View File

@@ -1,11 +1,11 @@
import 'package:app/pages/teacher/home/viewmodel/home_view_model.dart';
import 'package:app/request/dto/room/room_info_dto.dart';
import 'package:app/router/route_paths.dart';
import 'package:app/utils/permission.dart';
import 'package:app/widgets/base/button/index.dart';
import 'package:app/widgets/base/card/g_card.dart';
import 'package:app/widgets/base/config/config.dart';
import 'package:app/widgets/base/dialog/config_dialog.dart';
import 'package:app/widgets/base/empty/index.dart';
import 'package:app/widgets/room/file_drawer.dart';
import 'package:flutter/material.dart';
import 'package:flutter_easyloading/flutter_easyloading.dart';
import 'package:go_router/go_router.dart';
@@ -14,6 +14,8 @@ import 'package:provider/provider.dart';
import 'package:remixicon/remixicon.dart';
import 'package:skeletonizer/skeletonizer.dart';
import '../viewmodel/home_view_model.dart';
class TodayCard extends StatefulWidget {
const TodayCard({super.key});
@@ -28,7 +30,7 @@ class _TodayCardState extends State<TodayCard> {
permissions: [Permission.microphone, Permission.camera],
onGranted: () {
final vm = context.read<HomeViewModel>();
context.push(RoutePaths.tRoom,extra: vm.roomInfo);
context.push(RoutePaths.tRoom, extra: vm.roomInfo);
},
onDenied: () {
EasyLoading.showError("请开启权限");

View File

@@ -1,6 +1,7 @@
import 'dart:async';
import 'package:app/request/dto/room/room_info_dto.dart';
import 'package:app/request/dto/room/room_type_dto.dart';
import 'package:app/request/dto/room/room_user_dto.dart';
import 'package:app/request/dto/room/rtc_token_dto.dart';
import 'package:app/request/websocket/room_protocol.dart';
@@ -11,7 +12,10 @@ import 'package:flutter/cupertino.dart';
import 'type.dart';
class TchRoomVM extends ChangeNotifier {
TchRoomVM({required this.roomInfo, String? start}) {
TchRoomVM({
required this.roomInfo,
String? start,
}) {
_startRoom();
}
@@ -20,6 +24,7 @@ class TchRoomVM extends ChangeNotifier {
///房间的基础信息
final RoomInfoDto roomInfo;
int roomStatus = -1; // //-1加载中0没开始1进行中2关闭
///老师选中的学生id
int activeSId = 0;
@@ -37,7 +42,8 @@ class TchRoomVM extends ChangeNotifier {
///websocket管理
final RoomWebSocket _ws = RoomWebSocket();
bool wsConnected = false; // socket连接状态
// bool wsConnected = false; // socket连接状态
StreamSubscription<RoomMessage>? _sub;
RtcTokenDto? get rtcToken => _ws.rtcToken;
@@ -50,12 +56,13 @@ class TchRoomVM extends ChangeNotifier {
}
//启动连接
await _ws.connect();
wsConnected = true;
//监听各种ws事件
_sub = _ws.stream.listen((msg) {
// 自习室人员变化
if (msg.event == RoomEvent.changeUser) {
final list = RoomUserDto.listFromJson(msg.data['user_list']);
final room = RoomTypeDto.fromJson(msg.data['room_info']);
roomStatus = room.roomStatus;
onStudentChange(list);
} else if ([
RoomEvent.openSpeaker,

View File

@@ -1,5 +1,6 @@
import 'package:agora_rtc_engine/agora_rtc_engine.dart';
import 'package:app/config/config.dart';
import 'package:app/providers/user_store.dart';
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
@@ -14,17 +15,23 @@ class ContentView extends StatefulWidget {
}
class _ContentViewState extends State<ContentView> {
//声网数据
RtcEngine? _engine;
@override
void initState() {
super.initState();
// _initRtc();
_initRtc();
}
@override
void dispose() {
super.dispose();
_dispose();
}
void _initRtc() async {
UserStore userStore = context.read<UserStore>();
final vm = context.read<TchRoomVM>();
_engine = createAgoraRtcEngine();
//初始化 RtcEngine设置频道场景为 channelProfileLiveBroadcasting直播场景
@@ -44,8 +51,7 @@ class _ContentViewState extends State<ContentView> {
// 远端用户或主播加入当前频道回调
onUserJoined: (RtcConnection connection, int remoteUid, int elapsed) {},
// 远端用户或主播离开当前频道回调
onUserOffline:
(RtcConnection connection, int remoteUid, UserOfflineReasonType reason) {},
onUserOffline: (RtcConnection connection, int remoteUid, UserOfflineReasonType reason) {},
),
);
//启动视频模块
@@ -54,7 +60,7 @@ class _ContentViewState extends State<ContentView> {
await _engine!.joinChannel(
token: vm.rtcToken!.token,
channelId: vm.rtcToken!.channel,
uid: vm.rtcToken!.uid,
uid: userStore.userInfo!.id,
options: ChannelMediaOptions(
// 自动订阅所有视频流
autoSubscribeVideo: true,
@@ -70,6 +76,14 @@ class _ContentViewState extends State<ContentView> {
);
}
//销毁
Future<void> _dispose() async {
if (_engine != null) {
await _engine!.leaveChannel();
await _engine!.release();
}
}
@override
Widget build(BuildContext context) {
return Consumer<TchRoomVM>(

View File

@@ -1,7 +1,9 @@
import 'dart:async';
import 'package:app/utils/time.dart';
import 'package:app/widgets/base/dialog/config_dialog.dart';
import 'package:flutter/material.dart';
import 'package:go_router/go_router.dart';
import 'package:provider/provider.dart';
import 'content_view.dart';
@@ -15,86 +17,97 @@ class StatusView extends StatefulWidget {
}
class _StatusViewState extends State<StatusView> {
///房间状态
RoomStatus status = RoomStatus.loading;
///剩余秒
int _seconds = 0;
Timer? _timer;
@override
void initState() {
super.initState();
_init();
final vm = context.read<TchRoomVM>();
vm.addListener(openRoom);
}
@override
void dispose() {
super.dispose();
_timer?.cancel();
_timer = null;
super.dispose();
}
void _init() {
final vm = context.read<TchRoomVM>();
//如果房间到点可以开始
if (vm.canEnterRoom) {
status = RoomStatus.start;
// openRoom();
} else {
status = RoomStatus.waiting;
startCountDown();
void _startCountDown(DateTime startTime) {
// 避免重复计时器
if (_timer != null) return;
final now = DateTime.now();
int diff = startTime.difference(now).inSeconds;
if (diff <= 0) {
return;
}
}
///开始倒计时
void startCountDown() {
final vm = context.read<TchRoomVM>();
//当前时间
DateTime now = DateTime.now();
//远端时间
setState(() {
_seconds = parseTime(vm.roomInfo.startTime).difference(now).inSeconds;
_seconds = diff;
});
_timer = Timer.periodic(Duration(seconds: 1), (timer) {
_timer = Timer.periodic(const Duration(seconds: 1), (timer) {
if (!mounted) return;
setState(() {
_seconds--;
});
if (_seconds <= 0) {
_timer?.cancel();
_timer = null;
setState(() {
status = RoomStatus.start;
});
}
});
}
///开启自习室
void openRoom() {
final vm = context.read<TchRoomVM>();
vm.toggleRoom(isOpen: true);
vm.removeListener(openRoom);
///开播中返回拦截弹窗
void _interceptPop() {
showDialog(
context: context,
builder: (context) {
return ConfigDialog(
content: "是否退出自习室",
onCancel: () {
context.pop();
},
onConfirm: () {
context.pop();
context.pop();
},
);
},
);
}
@override
Widget build(BuildContext context) {
if (status == RoomStatus.waiting) {
final vm = context.watch<TchRoomVM>();
/// 1. 未加载
if (vm.roomStatus == -1) {
return const Align(
child: Text("加载中", style: TextStyle(color: Colors.white)),
);
}
/// 2. 未开始的房间
if (vm.roomStatus == 0) {
if (vm.canEnterRoom) {
// 到时间了 → 自动开播
WidgetsBinding.instance.addPostFrameCallback((_) {
vm.toggleRoom(isOpen: true);
});
} else {
// 没到时间 → 启动倒计时
_startCountDown(parseTime(vm.roomInfo.startTime));
}
return Align(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
const Text(
"未到开播时间,到点后自动开播",
style: TextStyle(color: Colors.white),
),
Container(
margin: EdgeInsets.symmetric(vertical: 10),
margin: const EdgeInsets.symmetric(vertical: 10),
child: Text(
formatSeconds(_seconds),
style: TextStyle(
style: const TextStyle(
color: Colors.white,
fontSize: 26,
fontWeight: FontWeight.bold,
@@ -104,15 +117,21 @@ class _StatusViewState extends State<StatusView> {
],
),
);
} else if (status == RoomStatus.start) {
return ContentView();
}
return SizedBox();
/// 3. 已开播
if (vm.roomStatus == 1) {
return PopScope(
canPop: false,
onPopInvokedWithResult: (didPop, _) {
if (!didPop) {
_interceptPop();
}
},
child: const ContentView(),
);
}
return const SizedBox();
}
}
enum RoomStatus {
loading, // 加载中
waiting, //房间倒计时等待中
start, //房间开始中
}