封装webscoekts

lib/data/models/student.dart

@@ -0,0 +1,16 @@
+///学生视频的模型
+class Student {
+  final String id;
+  final String name;
+  final bool cameraOn;
+  final bool micOn;
+  final bool muted;
+
+  Student({
+    required this.id,
+    required this.name,
+    this.cameraOn = true,
+    this.micOn = true,
+    this.muted = true,
+  });
+}

lib/pages/teacher/room/t_room_page.dart

@@ -1,8 +1,9 @@
 import 'package:flutter/material.dart';
-
+import 'package:provider/provider.dart';
 import 'controls/top_bar.dart';
 import 'view/student_item.dart';
 import 'view/waiting_start.dart';
+import 'viewmodel/students_view_model.dart';
 
 class TRoomPage extends StatefulWidget {
   const TRoomPage({super.key});
@@ -14,10 +15,16 @@ class TRoomPage extends StatefulWidget {
 class _TRoomPageState extends State<TRoomPage> {
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return ChangeNotifierProvider<StudentsViewModel>(
+      create: (BuildContext context) {
+        return StudentsViewModel();
+      },
+      child: Scaffold(
         backgroundColor: Color(0xff2c3032),
         appBar: TopBar(),
-      body: true ? WaitingStart() : Padding(
+        body: true
+            ? WaitingStart()
+            : Padding(
                 padding: const EdgeInsets.all(10),
                 child: Row(
                   spacing: 15,
@@ -41,6 +48,7 @@ class _TRoomPageState extends State<TRoomPage> {
                   ],
                 ),
               ),
+      ),
     );
   }
 }

lib/pages/teacher/room/viewmodel/students_view_model.dart

@@ -0,0 +1,33 @@
+import 'package:app/data/models/student.dart';
+import 'package:app/websocket/room_websocket.dart';
+import 'package:flutter/cupertino.dart';
+
+class StudentsViewModel extends ChangeNotifier {
+  ///学生摄像头列表
+  List<Student> _students = [];
+
+  List<Student> get students => _students;
+
+  ///websocket管理
+  late RoomWebSocket _ws;
+
+  StudentsViewModel() {
+    _startRoom();
+  }
+
+  ///开始链接房间
+  void _startRoom() {
+    _ws = RoomWebSocket();
+    _ws.connect();
+
+    _ws.stream.listen((msg) {
+      _handleMessage();
+    });
+    notifyListeners();
+  }
+
+  ///发送命令
+  void _handleMessage() {
+    print("监听webscoket传来的事件");
+  }
+}

lib/websocket/room_websocket.dart

@@ -0,0 +1,63 @@
+import 'dart:async';
+import 'dart:io';
+import 'package:logger/logger.dart';
+
+Logger logger = Logger();
+
+class RoomWebSocket {
+  ///单例设计模式
+  RoomWebSocket._();
+
+  static final RoomWebSocket _instance = RoomWebSocket._();
+
+  factory RoomWebSocket() => _instance;
+
+  /// WebSocket和心跳定时器
+  String url = "";
+  WebSocket? _socket;
+  Timer? _heartbeatTimer;
+
+  ///用 StreamController 分化消息给订阅者
+  final StreamController<Map<String, dynamic>> _msgController = StreamController.broadcast();
+
+  Stream<Map<String, dynamic>> get stream => _msgController.stream;
+
+  ///开始连接
+  Future<void> connect() async {
+    try {
+      _socket = await WebSocket.connect(url);
+      //监听消息
+      _socket!.listen(
+        (data) {},
+        onDone: () {},
+        onError: (_) {
+          logger.e("连接异常断开");
+        },
+      );
+      //心跳
+      _heartbeatTimer?.cancel();
+      _heartbeatTimer = Timer.periodic(Duration(seconds: 15), (_) {
+        logger.i("发送心跳");
+      });
+    } catch (e) {
+      _reconnect();
+    }
+  }
+
+  ///发送指令
+  void send() {
+    _socket!.add("");
+  }
+
+  ///连接错误事件
+  void _reconnect() {
+    logger.e("连接错误");
+    Future.delayed(Duration(seconds: 3), connect);
+  }
+
+  void dispose() {
+    _heartbeatTimer?.cancel();
+    _socket?.close();
+    _msgController.close();
+  }
+}