fix:增加h264调试页面

lib/appRouters.dart

@@ -61,6 +61,7 @@ import 'package:star_lock/mine/valueAddedServices/advancedFeaturesWeb/advancedFe
 import 'package:star_lock/mine/valueAddedServices/advancedFunctionRecord/advancedFunctionRecord_page.dart';
 import 'package:star_lock/mine/valueAddedServices/valueAddedServicesRecord/value_added_services_record_page.dart';
 import 'package:star_lock/talk/starChart/views/talkView/talk_view_page.dart';
+import 'package:star_lock/talk/starChart/webView/h264_web_view.dart';
 
 import 'common/safetyVerification/safetyVerification_page.dart';
 import 'login/forgetPassword/starLock_forgetPassword_page.dart';
@@ -515,6 +516,7 @@ abstract class Routers {
   static const String doubleLockLinkPage = '/doubleLockLinkPage'; //双锁联动
   static const String starChartPage = '/starChartPage'; //星图
   static const String starChartTalkView = '/starChartTalkView'; //星图对讲页面
+  static const String h264WebView = '/h264WebView'; //星图对讲页面
 }
 
 abstract class AppRouters {
@@ -1195,5 +1197,6 @@ abstract class AppRouters {
         page: () => const DoubleLockLinkPage()),
     GetPage<dynamic>(
         name: Routers.starChartTalkView, page: () => const TalkViewPage()),
+    GetPage<dynamic>(name: Routers.h264WebView, page: () => H264WebView()),
   ];
 }

lib/talk/starChart/handle/impl/udp_talk_data_handler.dart

@@ -2,6 +2,7 @@ import 'dart:typed_data';
 import 'package:star_lock/app_settings/app_settings.dart';
 import 'package:star_lock/talk/starChart/constant/message_type_constant.dart';
 import 'package:star_lock/talk/starChart/entity/scp_message.dart';
+import 'package:star_lock/talk/starChart/handle/other/h264_frame_handler.dart';
 import 'package:star_lock/talk/starChart/handle/scp_message_base_handle.dart';
 import 'package:star_lock/talk/starChart/handle/scp_message_handle.dart';
 import 'package:star_lock/talk/starChart/proto/talk_data.pb.dart';
@@ -158,16 +159,13 @@ class UdpTalkDataHandler extends ScpMessageBaseHandle
   void _handleVideoH264(TalkData talkData) {
     final TalkDataH264Frame talkDataH264Frame = TalkDataH264Frame();
     talkDataH264Frame.mergeFromBuffer(talkData.content);
-    // AppLog.log('H264 TalkData :$talkDataH264Frame');
-    // talkDataRepository.addTalkData(talkData);
+    frameHandler.handleFrame(talkDataH264Frame);
   }
 
   /// 处理图片数据
   void _handleVideoImage(TalkData talkData) async {
     final List<Uint8List> processCompletePayload =
         await _processCompletePayload(Uint8List.fromList(talkData.content));
-    // AppLog.log('得到完整的帧：${processCompletePayload.length}'); // 循环发送每一帧的数据
-
     processCompletePayload.forEach((element) {
       talkData.content = element;
       talkDataRepository.addTalkData(talkData);
@@ -181,7 +179,7 @@ class UdpTalkDataHandler extends ScpMessageBaseHandle
       // // 转pcm数据
       // List<int> pcmBytes = G711().convertList(g711Data);
       // talkData.content = pcmBytes;
-      talkDataRepository.addTalkData(talkData);
+      // talkDataRepository.addTalkData(talkData);
     } catch (e) {
       print('Error decoding G.711 to PCM: $e');
     }

lib/talk/starChart/handle/impl/udp_talk_request_handler.dart

@@ -73,9 +73,19 @@ class UdpTalkRequestHandler extends ScpMessageBaseHandle
     // 启动对讲请求超时定时器
     talkeRequestOverTimeTimerManager.start();
     // 收到呼叫请求，跳转到接听页面
-    Get.toNamed(
-      Routers.starChartTalkView,
-    );
+    if (startChartManage
+            .getDefaultTalkExpect()
+            .videoType
+            .indexOf(VideoTypeE.H264) ==
+        -1) {
+      Get.toNamed(
+        Routers.starChartTalkView,
+      );
+    } else {
+      Get.toNamed(
+        Routers.h264WebView,
+      );
+    }
   }
 
   // 收到来电请求时进行本地通知

lib/talk/starChart/handle/other/h264_frame_buffer.dart

@@ -0,0 +1,22 @@
+import 'dart:typed_data';
+
+import 'package:star_lock/talk/starChart/proto/talk_data_h264_frame.pb.dart';
+
+class H264FrameBuffer {
+  List<TalkDataH264Frame> frames = [];
+
+  void addFrame(TalkDataH264Frame frame) {
+    frames.add(frame);
+  }
+
+  Uint8List getCompleteStream() {
+    final List<int> completeStream = [];
+    for (final frame in frames) {
+      // 添加起始码（假设为 0x00 0x00 0x01）
+      completeStream.addAll([0x00, 0x00, 0x01]);
+      // 添加帧数据
+      completeStream.addAll(frame.frameData);
+    }
+    return Uint8List.fromList(completeStream);
+  }
+}

lib/talk/starChart/handle/other/h264_frame_handler.dart

@@ -0,0 +1,84 @@
+import 'package:star_lock/app_settings/app_settings.dart';
+import '../../proto/talk_data_h264_frame.pb.dart';
+
+class H264FrameHandler {
+  final Map<int, TalkDataH264Frame> _frameBuffer = {};
+  final void Function(List<int> frameData) onCompleteFrame;
+  int _lastProcessedSeq = -1;
+
+  H264FrameHandler({required this.onCompleteFrame});
+
+  void handleFrame(TalkDataH264Frame frame) {
+    // 存储帧
+    _frameBuffer[frame.frameSeq] = frame;
+
+    // 检查是否可以组装完整的 GOP (Group of Pictures)
+    _tryAssembleFrames(frame.frameSeq);
+  }
+
+  void _tryAssembleFrames(int currentSeq) {
+    // 找到连续的帧序列
+    final List<int> sortedSeqs = _frameBuffer.keys.toList()..sort();
+    final List<int> framesToProcess = [];
+
+    // 从当前帧开始向前找到最近的 I 帧或 P 帧
+    int? startFrameSeq;
+    for (var seq in sortedSeqs.reversed) {
+      final frame = _frameBuffer[seq];
+      if (frame?.frameType == TalkDataH264Frame_FrameTypeE.I) {
+        startFrameSeq = seq;
+        break;
+      } else if (frame?.frameType == TalkDataH264Frame_FrameTypeE.P) {
+        // 检查 P 帧是否有对应的 I 帧
+        if (_frameBuffer.containsKey(frame?.frameSeqI)) {
+          startFrameSeq = seq;
+          break;
+        } else {
+          // 丢弃没有对应 I 帧的 P 帧
+          _frameBuffer.remove(seq);
+        }
+      }
+    }
+
+    if (startFrameSeq != null) {
+      // 收集从 I 帧或 P 帧开始的连续帧
+      int expectedSeq = startFrameSeq;
+      for (var seq in sortedSeqs.where((s) => s >= startFrameSeq!)) {
+        if (seq != expectedSeq) break;
+        framesToProcess.add(seq);
+        expectedSeq++;
+      }
+
+      if (framesToProcess.isNotEmpty) {
+        _processFrames(framesToProcess);
+      }
+    } else {
+      _clearOldFrames(currentSeq);
+    }
+  }
+
+  void _clearOldFrames(int currentSeq) {
+    // 清理比当前帧序列旧的帧
+    _frameBuffer.removeWhere((seq, frame) => seq < currentSeq - 200); // 调整阈值
+  }
+
+  void _processFrames(List<int> frameSeqs) {
+    // 按顺序组装帧数据
+    final List<int> assembledData = [];
+
+    for (var seq in frameSeqs) {
+      final frame = _frameBuffer[seq]!;
+      assembledData.addAll(frame.frameData);
+
+      // 处理完后从缓冲区移除
+      _frameBuffer.remove(seq);
+    }
+
+    // 回调完整的帧数据
+    onCompleteFrame(assembledData);
+  }
+
+  void clear() {
+    _frameBuffer.clear();
+  }
+}

lib/talk/starChart/handle/other/talk_data_repository.dart

@@ -1,5 +1,4 @@
 import 'dart:async';
-
 import 'package:star_lock/talk/starChart/proto/talk_data.pb.dart';
 
 class TalkDataRepository {
@@ -27,6 +26,9 @@ class TalkDataRepository {
 
   bool _isListening = false;
 
+  // 用于存储数据的缓冲区
+  final List<TalkData> _buffer = [];
+
   // 提供一个方法来获取 Stream
   Stream<TalkData> get talkDataStream =>
       _talkDataStreamController.stream.transform(
@@ -41,14 +43,11 @@ class TalkDataRepository {
           },
         ),
       );
-  final List<TalkData> _buffer = []; // 用于存储数据的缓冲区
 
   // 提供一个方法来添加 TalkData 到 Stream
-  void addTalkData(TalkData talkData) async {
+  void addTalkData(TalkData talkData) {
     if (_isListening) {
-      Future.microtask(() {
-        _talkDataStreamController.add(talkData);
-      });
+      _talkDataStreamController.add(talkData);
     }
   }
 

lib/talk/starChart/handle/scp_message_base_handle.dart

@@ -14,6 +14,7 @@ import 'package:star_lock/talk/starChart/constant/payload_type_constant.dart';
 
 import 'package:star_lock/talk/starChart/constant/udp_constant.dart';
 import 'package:star_lock/talk/starChart/entity/scp_message.dart';
+import 'package:star_lock/talk/starChart/handle/other/h264_frame_handler.dart';
 
 import 'package:star_lock/talk/starChart/handle/other/talk_data_repository.dart';
 import 'package:star_lock/talk/starChart/handle/other/talke_data_over_time_timer_manager.dart';
@@ -52,6 +53,15 @@ class ScpMessageBaseHandle {
 
   final audioManager = AudioPlayerManager();
 
+  // 处理出完整帧数据后的回调
+  final H264FrameHandler frameHandler =
+      H264FrameHandler(onCompleteFrame: (frameData) {
+    // 处理完整的帧数据
+    TalkDataRepository.instance.addTalkData(
+      TalkData(contentType: TalkData_ContentTypeE.H264, content: frameData),
+    );
+  });
+
   // 回复成功消息
   void replySuccessMessage(ScpMessage scpMessage) {
     startChartManage.sendGenericRespSuccessMessage(

lib/talk/starChart/proto/talk_data_h264_frame.pb.dart

@@ -22,6 +22,7 @@ class TalkDataH264Frame extends $pb.GeneratedMessage {
     $core.int? frameSeq,
     TalkDataH264Frame_FrameTypeE? frameType,
     $core.List<$core.int>? frameData,
+    $core.int? frameSeqI,
   }) {
     final $result = create();
     if (frameSeq != null) {
@@ -33,6 +34,9 @@ class TalkDataH264Frame extends $pb.GeneratedMessage {
     if (frameData != null) {
       $result.frameData = frameData;
     }
+    if (frameSeqI != null) {
+      $result.frameSeqI = frameSeqI;
+    }
     return $result;
   }
   TalkDataH264Frame._() : super();
@@ -43,6 +47,7 @@ class TalkDataH264Frame extends $pb.GeneratedMessage {
     ..a<$core.int>(1, _omitFieldNames ? '' : 'FrameSeq', $pb.PbFieldType.OU3, protoName: 'FrameSeq')
     ..e<TalkDataH264Frame_FrameTypeE>(2, _omitFieldNames ? '' : 'FrameType', $pb.PbFieldType.OE, protoName: 'FrameType', defaultOrMaker: TalkDataH264Frame_FrameTypeE.NONE, valueOf: TalkDataH264Frame_FrameTypeE.valueOf, enumValues: TalkDataH264Frame_FrameTypeE.values)
     ..a<$core.List<$core.int>>(3, _omitFieldNames ? '' : 'FrameData', $pb.PbFieldType.OY, protoName: 'FrameData')
+    ..a<$core.int>(4, _omitFieldNames ? '' : 'FrameSeqI', $pb.PbFieldType.OU3, protoName: 'FrameSeqI')
     ..hasRequiredFields = false
   ;
 
@@ -95,6 +100,16 @@ class TalkDataH264Frame extends $pb.GeneratedMessage {
   $core.bool hasFrameData() => $_has(2);
   @$pb.TagNumber(3)
   void clearFrameData() => clearField(3);
+
+  /// 帧序号I
+  @$pb.TagNumber(4)
+  $core.int get frameSeqI => $_getIZ(3);
+  @$pb.TagNumber(4)
+  set frameSeqI($core.int v) { $_setUnsignedInt32(3, v); }
+  @$pb.TagNumber(4)
+  $core.bool hasFrameSeqI() => $_has(3);
+  @$pb.TagNumber(4)
+  void clearFrameSeqI() => clearField(4);
 }
 
 

lib/talk/starChart/proto/talk_data_h264_frame.pbjson.dart

@@ -20,6 +20,7 @@ const TalkDataH264Frame$json = {
     {'1': 'FrameSeq', '3': 1, '4': 1, '5': 13, '10': 'FrameSeq'},
     {'1': 'FrameType', '3': 2, '4': 1, '5': 14, '6': '.main.TalkDataH264Frame.FrameTypeE', '10': 'FrameType'},
     {'1': 'FrameData', '3': 3, '4': 1, '5': 12, '10': 'FrameData'},
+    {'1': 'FrameSeqI', '3': 4, '4': 1, '5': 13, '10': 'FrameSeqI'},
   ],
   '4': [TalkDataH264Frame_FrameTypeE$json],
 };
@@ -38,6 +39,6 @@ const TalkDataH264Frame_FrameTypeE$json = {
 final $typed_data.Uint8List talkDataH264FrameDescriptor = $convert.base64Decode(
     'ChFUYWxrRGF0YUgyNjRGcmFtZRIaCghGcmFtZVNlcRgBIAEoDVIIRnJhbWVTZXESQAoJRnJhbW'
     'VUeXBlGAIgASgOMiIubWFpbi5UYWxrRGF0YUgyNjRGcmFtZS5GcmFtZVR5cGVFUglGcmFtZVR5'
-    'cGUSHAoJRnJhbWVEYXRhGAMgASgMUglGcmFtZURhdGEiJAoKRnJhbWVUeXBlRRIICgROT05FEA'
-    'ASBQoBSRABEgUKAVAQAg==');
+    'cGUSHAoJRnJhbWVEYXRhGAMgASgMUglGcmFtZURhdGESHAoJRnJhbWVTZXFJGAQgASgNUglGcm'
+    'FtZVNlcUkiJAoKRnJhbWVUeXBlRRIICgROT05FEAASBQoBSRABEgUKAVAQAg==');
 

lib/talk/starChart/proto/talk_data_h264_frame.proto

@@ -15,4 +15,6 @@ message TalkDataH264Frame {
   FrameTypeE FrameType = 2;
   // 帧数据
   bytes FrameData = 3;
+  // 帧序号I
+  uint32 FrameSeqI = 4;
 }

lib/talk/starChart/star_chart_manage.dart

@@ -419,9 +419,15 @@ class StartChartManage {
     if (talkStatus.status != TalkStatus.proactivelyCallWaitingAnswer) {
       // 停止播放铃声
       // AudioPlayerManager().playRingtone();
-      Get.toNamed(
-        Routers.starChartTalkView,
-      );
+      if (_defaultTalkExpect.videoType.contains(VideoTypeE.H264)) {
+        Get.toNamed(
+          Routers.h264WebView,
+        );
+      } else {
+        Get.toNamed(
+          Routers.starChartTalkView,
+        );
+      }
     }
     talkRequestTimer ??= Timer.periodic(
       Duration(
@@ -1118,6 +1124,10 @@ class StartChartManage {
     );
   }
 
+  TalkExpectReq getDefaultTalkExpect() {
+    return _defaultTalkExpect;
+  }
+
   /// 修改预期接收到的数据
   void sendOnlyImageVideoTalkExpectData() {
     final talkExpectReq = TalkExpectReq(

lib/talk/starChart/webView/h264_web_logic.dart

@@ -0,0 +1,75 @@
+import 'dart:math';
+
+import 'package:flutter/services.dart';
+import 'package:star_lock/app_settings/app_settings.dart';
+import 'package:star_lock/talk/starChart/proto/talk_data.pb.dart';
+import 'package:star_lock/talk/starChart/star_chart_manage.dart';
+import 'package:star_lock/talk/starChart/webView/h264_web_view_state.dart';
+import 'package:star_lock/tools/baseGetXController.dart';
+import 'package:webview_flutter/webview_flutter.dart';
+
+class H264WebViewLogic extends BaseGetXController {
+  final H264WebViewState state = H264WebViewState();
+
+  @override
+  void onInit() {
+    super.onInit();
+    // 初始化 WebView 控制器
+    state.webViewController = WebViewController()
+      ..setJavaScriptMode(JavaScriptMode.unrestricted)
+      ..enableZoom(false)
+      ..addJavaScriptChannel(
+        'Flutter',
+        onMessageReceived: (message) {
+          print("来自 HTML 的消息: ${message.message}");
+        },
+      );
+
+    // 加载本地 HTML
+    _loadLocalHtml();
+    // 创建流数据监听
+    _createFramesStreamListen();
+  }
+
+  void _createFramesStreamListen() async {
+    state.talkDataRepository.talkDataStream.listen((TalkData event) async {
+      // 发送数据给js处理
+      _sendBufferedData(event.content);
+    });
+  }
+
+  /// 加载html文件
+  Future<void> _loadLocalHtml() async {
+    // 加载 HTML 文件内容
+    final String fileHtmlContent =
+        await rootBundle.loadString('assets/html/h264.html');
+
+    // 加载 JS 文件内容
+    final String jsContent =
+        await rootBundle.loadString('assets/html/jmuxer.min.js');
+
+    // 将 JS 文件内容嵌入到 HTML 中
+    final String htmlWithJs = fileHtmlContent.replaceAll(
+        '<script src="jmuxer.min.js"></script>', // 替换掉引用外部 JS 的标签
+        '<script>$jsContent</script>' // 使用内联方式嵌入 JS 内容
+        );
+
+    // 加载最终的 HTML 字符串到 WebView 中
+    if (state.webViewController != null) {
+      state.webViewController.loadHtmlString(htmlWithJs); // 设置 baseUrl 避免资源加载问题
+    }
+  }
+
+  // 修改后的发送方法
+  _sendBufferedData(List<int> buffer) async {
+    // 原始发送逻辑
+    String jsCode = "feedDataFromFlutter($buffer);";
+    await state.webViewController.runJavaScript(jsCode);
+  }
+
+  @override
+  void onClose() {
+    super.onClose();
+    StartChartManage().startTalkHangupMessageTimer();
+  }
+}

lib/talk/starChart/webView/h264_web_view.dart

@@ -3,9 +3,14 @@ import 'dart:convert';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart' show ByteData, Uint8List, rootBundle;
 import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
 import 'package:star_lock/app_settings/app_colors.dart';
+import 'package:star_lock/app_settings/app_settings.dart';
 import 'package:star_lock/talk/starChart/handle/other/talk_data_repository.dart';
 import 'package:star_lock/talk/starChart/proto/talk_data.pbserver.dart';
+import 'package:star_lock/talk/starChart/star_chart_manage.dart';
+import 'package:star_lock/talk/starChart/webView/h264_web_logic.dart';
+import 'package:star_lock/talk/starChart/webView/h264_web_view_state.dart';
 import 'package:star_lock/tools/titleAppBar.dart';
 import 'package:webview_flutter/webview_flutter.dart';
 
@@ -15,168 +20,15 @@ class H264WebView extends StatefulWidget {
 }
 
 class _H264WebViewState extends State<H264WebView> {
-  late final WebViewController _controller;
-  Timer? timer;
-  Timer? _sendTimer;
-
-  // 私有缓冲区，外部无法直接访问
-  final List<int> _buffer = [];
-
-  // 发送数据至html文件间隔时间
-  final int sendDataToHtmlIntervalTime = 820;
-
-  // 通话数据流的单例流数据处理类
-  final TalkDataRepository talkDataRepository = TalkDataRepository.instance;
-
-  @override
-  void initState() {
-    super.initState();
-
-    _controller = WebViewController()
-      ..setJavaScriptMode(JavaScriptMode.unrestricted)
-      ..enableZoom(false)
-      ..addJavaScriptChannel(
-        'Flutter',
-        onMessageReceived: (message) {
-          print("来自 HTML 的消息: ${message.message}");
-        },
-      );
-
-    // 加载本地 HTML
-    _loadLocalHtml();
-    simulateStreamFromAsset();
-    _sendFramesToHtml();
-  }
-
-  void simulateStreamFromAsset() async {
-    // 读取 assets 文件
-    final ByteData data = await rootBundle.load('assets/talk.h264');
-    final List<int> byteData = data.buffer.asUint8List();
-    int current = 0;
-    int start = 0;
-    int end = 0;
-    final List<int> chunks = extractChunks(byteData);
-    // 定时器控制发送数据块的节奏
-    timer ??= Timer.periodic(Duration(milliseconds: 10), (timer) {
-      if (current >= chunks.length) {
-        print('数据已经发完,重新进行发送');
-        start = 0;
-        end = 0;
-        current = 0;
-        timer.cancel();
-        return;
-      }
-      // 提取 NALU 边界并生成 chunks
-      end = chunks[current];
-      current++;
-      List<int> frameData = byteData.sublist(start, end);
-      if (frameData.length == 0) timer.cancel();
-
-      talkDataRepository.addTalkData(TalkData(contentType: TalkData_ContentTypeE.H264,content: frameData));
-      start = end;
-    });
-  }
-
-  void _sendFramesToHtml() async {
-    // 接收到流数据，保存到缓冲区
-    // talkDataRepository.talkDataStream.listen((TalkData event) async {
-    //   _buffer.addAll(event.content);
-    // });
-    // 缓冲800ms的数据，定时发送
-    _sendTimer ??= Timer.periodic(
-        Duration(milliseconds: sendDataToHtmlIntervalTime), (timer) async {
-      // 发送累积的数据
-      if (_buffer.isNotEmpty) {
-        await _sendBufferedData(_buffer);
-        _buffer.clear(); // 清空缓冲区
-      }
-    });
-  }
-
-  // 提取 NALU 边界并生成 chunks
-  List<int> extractChunks(List<int> byteData) {
-    int i = 0;
-    int length = byteData.length;
-    int naluCount = 0;
-    int value;
-    int state = 0;
-    int lastIndex = 0;
-    List<int> result = [];
-    const minNaluPerChunk = 22; // 每个数据块包含的最小NALU数量
-
-    while (i < length) {
-      value = byteData[i++];
-      // finding 3 or 4-byte start codes (00 00 01 OR 00 00 00 01)
-      switch (state) {
-        case 0:
-          if (value == 0) {
-            state = 1;
-          }
-          break;
-        case 1:
-          if (value == 0) {
-            state = 2;
-          } else {
-            state = 0;
-          }
-          break;
-        case 2:
-        case 3:
-          if (value == 0) {
-            state = 3;
-          } else if (value == 1 && i < length) {
-            if (lastIndex > 0) {
-              naluCount++;
-            }
-            if (naluCount >= minNaluPerChunk) {
-              result.add(lastIndex - state - 1);
-              naluCount = 0;
-            }
-            state = 0;
-            lastIndex = i;
-          } else {
-            state = 0;
-          }
-          break;
-        default:
-          break;
-      }
-    }
-
-    if (naluCount > 0) {
-      result.add(lastIndex);
-    }
-
-
-
-    return result;
-  }
-
-  /// 加载html文件
-  Future<void> _loadLocalHtml() async {
-    final String fileHtmlContent =
-        await rootBundle.loadString('assets/html/h264.html');
-    _controller.loadHtmlString(fileHtmlContent);
-  }
-
-  // 发送数据给js处理
-  _sendBufferedData(List<int> buffer) async {
-    String jsCode = "feedDataFromFlutter(${buffer});";
-    await _controller.runJavaScript(jsCode);
-  }
+  final H264WebViewLogic logic = Get.put(H264WebViewLogic());
+  final H264WebViewState state = Get.find<H264WebViewLogic>().state;
 
   @override
   Widget build(BuildContext context) {
-    return WebViewWidget(controller: _controller);
-  }
-
-  @override
-  void dispose() {
-    timer?.cancel();
-    timer = null;
-    _sendTimer?.cancel();
-    timer = null;
-    // talkDataRepository.dispose();
-    super.dispose();
+    return Stack(
+      children: [
+        WebViewWidget(controller: state.webViewController),
+      ],
+    );
   }
 }

lib/talk/starChart/webView/h264_web_view_state.dart

@@ -0,0 +1,12 @@
+import 'package:star_lock/talk/starChart/handle/other/talk_data_repository.dart';
+import 'package:webview_flutter/webview_flutter.dart';
+
+class H264WebViewState {
+
+  // webview 控制器
+  late final WebViewController webViewController;
+
+  // 通话数据流的单例流数据处理类
+  final TalkDataRepository talkDataRepository = TalkDataRepository.instance;
+
+}

pubspec.yaml

@@ -313,6 +313,7 @@ flutter:
     - images/lockType/
     - assets/
     - assets/html/h264.html
+    - assets/html/jmuxer.min.js
     - lan/
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware