fix: 增加调试页面
This commit is contained in:
parent
5ed7e4013e
commit
41aea1d1bf
@ -0,0 +1,511 @@
|
|||||||
|
import 'dart:async';
|
||||||
|
import 'dart:math';
|
||||||
|
import 'dart:io';
|
||||||
|
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:flutter/scheduler.dart';
|
||||||
|
import 'package:flutter/services.dart';
|
||||||
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:http/http.dart' as http;
|
||||||
|
import 'package:provider/provider.dart';
|
||||||
|
import 'package:star_lock/appRouters.dart';
|
||||||
|
import 'package:star_lock/flavors.dart';
|
||||||
|
import 'package:star_lock/talk/call/callTalk.dart';
|
||||||
|
import 'package:star_lock/talk/starChart/constant/talk_status.dart';
|
||||||
|
import 'package:star_lock/talk/starChart/handle/impl/debug_Info_model.dart';
|
||||||
|
import 'package:star_lock/talk/starChart/handle/impl/udp_talk_data_handler.dart';
|
||||||
|
import 'package:star_lock/talk/starChart/star_chart_manage.dart';
|
||||||
|
import 'package:star_lock/talk/starChart/views/native/talk_view_native_decode_logic.dart';
|
||||||
|
import 'package:star_lock/talk/starChart/views/native/talk_view_native_decode_state.dart';
|
||||||
|
import 'package:star_lock/talk/starChart/views/talkView/talk_view_logic.dart';
|
||||||
|
import 'package:star_lock/talk/starChart/views/talkView/talk_view_state.dart';
|
||||||
|
import 'package:video_decode_plugin/video_decode_plugin.dart';
|
||||||
|
|
||||||
|
import '../../../../app_settings/app_colors.dart';
|
||||||
|
import '../../../../tools/showTFView.dart';
|
||||||
|
|
||||||
|
class TalkViewNativeDecodePageDebug extends StatefulWidget {
|
||||||
|
const TalkViewNativeDecodePageDebug({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<TalkViewNativeDecodePageDebug> createState() => _TalkViewNativeDecodePageDebugState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _TalkViewNativeDecodePageDebugState extends State<TalkViewNativeDecodePageDebug> with TickerProviderStateMixin {
|
||||||
|
final TalkViewNativeDecodeLogic logic = Get.put(TalkViewNativeDecodeLogic());
|
||||||
|
final TalkViewNativeDecodeState state = Get.find<TalkViewNativeDecodeLogic>().state;
|
||||||
|
final startChartManage = StartChartManage();
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
|
||||||
|
state.animationController = AnimationController(
|
||||||
|
vsync: this, // 确保使用的TickerProvider是当前Widget
|
||||||
|
duration: const Duration(seconds: 1),
|
||||||
|
);
|
||||||
|
|
||||||
|
state.animationController.repeat();
|
||||||
|
//动画开始、结束、向前移动或向后移动时会调用StatusListener
|
||||||
|
state.animationController.addStatusListener((AnimationStatus status) {
|
||||||
|
if (status == AnimationStatus.completed) {
|
||||||
|
state.animationController.reset();
|
||||||
|
state.animationController.forward();
|
||||||
|
} else if (status == AnimationStatus.dismissed) {
|
||||||
|
state.animationController.reset();
|
||||||
|
state.animationController.forward();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return WillPopScope(
|
||||||
|
onWillPop: () async {
|
||||||
|
// 返回 false 表示禁止退出
|
||||||
|
return false;
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
width: 1.sw,
|
||||||
|
height: 1.sh,
|
||||||
|
color: Colors.blue,
|
||||||
|
child: Stack(
|
||||||
|
alignment: Alignment.center,
|
||||||
|
children: <Widget>[
|
||||||
|
// 悬浮帧率统计信息条
|
||||||
|
Obx(
|
||||||
|
() {
|
||||||
|
final double screenWidth = MediaQuery.of(context).size.width;
|
||||||
|
final double screenHeight = MediaQuery.of(context).size.height;
|
||||||
|
|
||||||
|
// 防御性处理：只要loading中或textureId为null，优先渲染loading/占位
|
||||||
|
if (state.isLoading.isTrue || state.textureId.value == null) {
|
||||||
|
return Image.asset(
|
||||||
|
'images/main/monitorBg.png',
|
||||||
|
width: screenWidth,
|
||||||
|
height: screenHeight,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
);
|
||||||
|
} else {
|
||||||
|
return PopScope(
|
||||||
|
canPop: false,
|
||||||
|
child: RepaintBoundary(
|
||||||
|
key: state.globalKey,
|
||||||
|
child: SizedBox(
|
||||||
|
width: StartChartManage().videoHeight.w,
|
||||||
|
height: StartChartManage().videoWidth.h,
|
||||||
|
child: RotatedBox(
|
||||||
|
// 解码器不支持硬件旋转，使用RotatedBox
|
||||||
|
quarterTurns: startChartManage.rotateAngle ~/ 90,
|
||||||
|
child: Platform.isIOS
|
||||||
|
? Transform.scale(
|
||||||
|
scale: 1.008, // 轻微放大，消除iOS白边
|
||||||
|
child: Texture(
|
||||||
|
textureId: state.textureId.value!,
|
||||||
|
filterQuality: FilterQuality.medium,
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: Texture(
|
||||||
|
textureId: state.textureId.value!,
|
||||||
|
filterQuality: FilterQuality.medium,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
|
||||||
|
Obx(() => state.isLoading.isTrue
|
||||||
|
? Positioned(
|
||||||
|
bottom: 310.h,
|
||||||
|
child: Text(
|
||||||
|
'正在创建安全连接...'.tr,
|
||||||
|
style: TextStyle(color: Colors.black, fontSize: 26.sp),
|
||||||
|
))
|
||||||
|
: Container()),
|
||||||
|
Obx(() => state.isLoading.isFalse && state.oneMinuteTime.value > 0
|
||||||
|
? Positioned(
|
||||||
|
top: ScreenUtil().statusBarHeight + 75.h,
|
||||||
|
width: 1.sw,
|
||||||
|
child: Obx(
|
||||||
|
() {
|
||||||
|
final String sec = (state.oneMinuteTime.value % 60).toString().padLeft(2, '0');
|
||||||
|
final String min = (state.oneMinuteTime.value ~/ 60).toString().padLeft(2, '0');
|
||||||
|
return Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: <Widget>[
|
||||||
|
Text(
|
||||||
|
'$min:$sec',
|
||||||
|
style: TextStyle(fontSize: 26.sp, color: Colors.white),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: Container()),
|
||||||
|
Positioned(
|
||||||
|
bottom: 10.w,
|
||||||
|
child: Container(
|
||||||
|
width: 1.sw - 30.w * 2,
|
||||||
|
// height: 300.h,
|
||||||
|
margin: EdgeInsets.all(30.w),
|
||||||
|
decoration:
|
||||||
|
BoxDecoration(color: Colors.black.withOpacity(0.2), borderRadius: BorderRadius.circular(20.h)),
|
||||||
|
child: Column(
|
||||||
|
children: <Widget>[
|
||||||
|
SizedBox(height: 20.h),
|
||||||
|
bottomTopBtnWidget(),
|
||||||
|
SizedBox(height: 20.h),
|
||||||
|
bottomBottomBtnWidget(),
|
||||||
|
SizedBox(height: 20.h),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Obx(() => state.isLoading.isTrue ? buildRotationTransition() : Container()),
|
||||||
|
Obx(() => state.isLongPressing.value
|
||||||
|
? Positioned(
|
||||||
|
top: 80.h,
|
||||||
|
left: 0,
|
||||||
|
right: 0,
|
||||||
|
child: Center(
|
||||||
|
child: Container(
|
||||||
|
padding: EdgeInsets.all(10.w),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.black.withOpacity(0.7),
|
||||||
|
borderRadius: BorderRadius.circular(10.w),
|
||||||
|
),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: <Widget>[
|
||||||
|
Icon(Icons.mic, color: Colors.white, size: 24.w),
|
||||||
|
SizedBox(width: 10.w),
|
||||||
|
Text(
|
||||||
|
'正在说话...'.tr,
|
||||||
|
style: TextStyle(fontSize: 20.sp, color: Colors.white),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
: Container()),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget bottomTopBtnWidget() {
|
||||||
|
return Row(mainAxisAlignment: MainAxisAlignment.center, children: <Widget>[
|
||||||
|
// 打开关闭声音
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
if (state.talkStatus.value == TalkStatus.answeredSuccessfully) {
|
||||||
|
// 打开关闭声音
|
||||||
|
logic.updateTalkExpect();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
width: 50.w,
|
||||||
|
height: 50.w,
|
||||||
|
padding: EdgeInsets.all(5.w),
|
||||||
|
child: Obx(() => Image(
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
image: state.isOpenVoice.value
|
||||||
|
? const AssetImage('images/main/icon_lockDetail_monitoringOpenVoice.png')
|
||||||
|
: const AssetImage('images/main/icon_lockDetail_monitoringCloseVoice.png'))),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 50.w),
|
||||||
|
// 截图
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () async {
|
||||||
|
if (state.talkStatus.value == TalkStatus.answeredSuccessfully) {
|
||||||
|
await logic.captureAndSavePng();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
width: 50.w,
|
||||||
|
height: 50.w,
|
||||||
|
padding: EdgeInsets.all(5.w),
|
||||||
|
child: Image(
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
image: const AssetImage('images/main/icon_lockDetail_monitoringScreenshot.png')),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 50.w),
|
||||||
|
// 录制
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () async {
|
||||||
|
logic.showToast('功能暂未开放'.tr);
|
||||||
|
// if (
|
||||||
|
// state.talkStatus.value == TalkStatus.answeredSuccessfully) {
|
||||||
|
// if (state.isRecordingScreen.value) {
|
||||||
|
// await logic.stopRecording();
|
||||||
|
// } else {
|
||||||
|
// await logic.startRecording();
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
width: 50.w,
|
||||||
|
height: 50.w,
|
||||||
|
padding: EdgeInsets.all(5.w),
|
||||||
|
child: Image(
|
||||||
|
width: 40.w,
|
||||||
|
height: 40.w,
|
||||||
|
fit: BoxFit.fill,
|
||||||
|
image: const AssetImage('images/main/icon_lockDetail_monitoringScreenRecording.png'),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 50.w),
|
||||||
|
// 清晰度切换按钮
|
||||||
|
GestureDetector(
|
||||||
|
onTap: () async {
|
||||||
|
// 弹出底部弹出层，选择清晰度
|
||||||
|
showModalBottomSheet(
|
||||||
|
context: context,
|
||||||
|
backgroundColor: Colors.white,
|
||||||
|
shape: RoundedRectangleBorder(
|
||||||
|
borderRadius: BorderRadius.vertical(top: Radius.circular(20.w)),
|
||||||
|
),
|
||||||
|
builder: (BuildContext context) {
|
||||||
|
final List<String> qualities = ['高清', '标清'];
|
||||||
|
return SafeArea(
|
||||||
|
child: SingleChildScrollView(
|
||||||
|
child: Column(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: qualities.map((q) {
|
||||||
|
return Obx(() => InkWell(
|
||||||
|
onTap: () {
|
||||||
|
Navigator.of(context).pop();
|
||||||
|
logic.onQualityChanged(q);
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
padding: EdgeInsets.symmetric(vertical: 18.w),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
mainAxisSize: MainAxisSize.max,
|
||||||
|
children: [
|
||||||
|
Text(
|
||||||
|
q,
|
||||||
|
style: TextStyle(
|
||||||
|
color: state.currentQuality.value == q ? AppColors.mainColor : Colors.black,
|
||||||
|
fontWeight: state.currentQuality.value == q ? FontWeight.bold : FontWeight.normal,
|
||||||
|
fontSize: 28.sp,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
));
|
||||||
|
}).toList(),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
);
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
child: Icon(Icons.high_quality_outlined, color: Colors.white, size: 38.w),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
Visibility(
|
||||||
|
visible: state.currentLanguage == 'zh_CN' && Platform.isAndroid,
|
||||||
|
child: SizedBox(width: 38.w),
|
||||||
|
),
|
||||||
|
Visibility(
|
||||||
|
visible: state.currentLanguage == 'zh_CN' && Platform.isAndroid,
|
||||||
|
child: IconButton(
|
||||||
|
icon: Icon(
|
||||||
|
Icons.notification_add_sharp,
|
||||||
|
size: 32.w,
|
||||||
|
color: Colors.white,
|
||||||
|
),
|
||||||
|
onPressed: () {
|
||||||
|
Get.toNamed(Routers.permissionGuidancePage);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
)
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget bottomBottomBtnWidget() {
|
||||||
|
return Row(mainAxisAlignment: MainAxisAlignment.spaceEvenly, children: <Widget>[
|
||||||
|
// 接听
|
||||||
|
Obx(
|
||||||
|
() => bottomBtnItemWidget(
|
||||||
|
getAnswerBtnImg(),
|
||||||
|
getAnswerBtnName(),
|
||||||
|
Colors.white,
|
||||||
|
longPress: () async {
|
||||||
|
if (state.talkStatus.value == TalkStatus.answeredSuccessfully) {
|
||||||
|
// 启动录音
|
||||||
|
logic.startProcessingAudio();
|
||||||
|
state.isLongPressing.value = true;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
longPressUp: () async {
|
||||||
|
// 停止录音
|
||||||
|
logic.stopProcessingAudio();
|
||||||
|
state.isLongPressing.value = false;
|
||||||
|
},
|
||||||
|
onClick: () async {
|
||||||
|
if (state.talkStatus.value == TalkStatus.passiveCallWaitingAnswer) {
|
||||||
|
// 接听
|
||||||
|
logic.initiateAnswerCommand();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
bottomBtnItemWidget('images/main/icon_lockDetail_hangUp.png', '挂断'.tr, Colors.red, onClick: () {
|
||||||
|
// 挂断
|
||||||
|
logic.udpHangUpAction();
|
||||||
|
}),
|
||||||
|
bottomBtnItemWidget(
|
||||||
|
'images/main/icon_lockDetail_monitoringUnlock.png',
|
||||||
|
'开锁'.tr,
|
||||||
|
AppColors.mainColor,
|
||||||
|
onClick: () {
|
||||||
|
// if (state.talkStatus.value == TalkStatus.answeredSuccessfully &&
|
||||||
|
// state.listData.value.length > 0) {
|
||||||
|
// logic.udpOpenDoorAction();
|
||||||
|
// }
|
||||||
|
// if (UDPManage().remoteUnlock == 1) {
|
||||||
|
// logic.udpOpenDoorAction();
|
||||||
|
// showDeletPasswordAlertDialog(context);
|
||||||
|
// } else {
|
||||||
|
// logic.showToast('请在锁设置中开启远程开锁'.tr);
|
||||||
|
// }
|
||||||
|
logic.remoteOpenLock();
|
||||||
|
},
|
||||||
|
)
|
||||||
|
]);
|
||||||
|
}
|
||||||
|
|
||||||
|
String getAnswerBtnImg() {
|
||||||
|
switch (state.talkStatus.value) {
|
||||||
|
case TalkStatus.passiveCallWaitingAnswer:
|
||||||
|
return 'images/main/icon_lockDetail_monitoringAnswerCalls.png';
|
||||||
|
case TalkStatus.answeredSuccessfully:
|
||||||
|
case TalkStatus.proactivelyCallWaitingAnswer:
|
||||||
|
return 'images/main/icon_lockDetail_monitoringUnTalkback.png';
|
||||||
|
default:
|
||||||
|
return 'images/main/icon_lockDetail_monitoringAnswerCalls.png';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
String getAnswerBtnName() {
|
||||||
|
switch (state.talkStatus.value) {
|
||||||
|
case TalkStatus.passiveCallWaitingAnswer:
|
||||||
|
return '接听'.tr;
|
||||||
|
case TalkStatus.proactivelyCallWaitingAnswer:
|
||||||
|
case TalkStatus.answeredSuccessfully:
|
||||||
|
return '长按说话'.tr;
|
||||||
|
default:
|
||||||
|
return '接听'.tr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Widget bottomBtnItemWidget(
|
||||||
|
String iconUrl,
|
||||||
|
String name,
|
||||||
|
Color backgroundColor, {
|
||||||
|
required Function() onClick,
|
||||||
|
Function()? longPress,
|
||||||
|
Function()? longPressUp,
|
||||||
|
}) {
|
||||||
|
double wh = 80.w;
|
||||||
|
return GestureDetector(
|
||||||
|
onTap: onClick,
|
||||||
|
onLongPress: longPress,
|
||||||
|
onLongPressUp: longPressUp,
|
||||||
|
child: SizedBox(
|
||||||
|
height: 160.w,
|
||||||
|
width: 140.w,
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.center,
|
||||||
|
children: <Widget>[
|
||||||
|
Container(
|
||||||
|
width: wh,
|
||||||
|
height: wh,
|
||||||
|
constraints: BoxConstraints(
|
||||||
|
minWidth: wh,
|
||||||
|
),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: backgroundColor,
|
||||||
|
borderRadius: BorderRadius.circular((wh + 10.w * 2) / 2),
|
||||||
|
),
|
||||||
|
padding: EdgeInsets.all(20.w),
|
||||||
|
child: Image.asset(iconUrl, fit: BoxFit.fitWidth),
|
||||||
|
),
|
||||||
|
SizedBox(height: 20.w),
|
||||||
|
Text(
|
||||||
|
name,
|
||||||
|
style: TextStyle(fontSize: 20.sp, color: Colors.white),
|
||||||
|
textAlign: TextAlign.center, // 当文本超出指定行数时，使用省略号表示
|
||||||
|
maxLines: 2, // 设置最大行数为1
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据丢包率返回对应的颜色
|
||||||
|
Color _getPacketLossColor(double lossRate) {
|
||||||
|
if (lossRate < 1.0) {
|
||||||
|
return Colors.green; // 丢包率低于1%显示绿色
|
||||||
|
} else if (lossRate < 5.0) {
|
||||||
|
return Colors.yellow; // 丢包率1%-5%显示黄色
|
||||||
|
} else if (lossRate < 10.0) {
|
||||||
|
return Colors.orange; // 丢包率5%-10%显示橙色
|
||||||
|
} else {
|
||||||
|
return Colors.red; // 丢包率高于10%显示红色
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//旋转动画
|
||||||
|
Widget buildRotationTransition() {
|
||||||
|
return Positioned(
|
||||||
|
left: ScreenUtil().screenWidth / 2 - 220.w / 2,
|
||||||
|
top: ScreenUtil().screenHeight / 2 - 220.w / 2 - 150.h,
|
||||||
|
child: GestureDetector(
|
||||||
|
child: RotationTransition(
|
||||||
|
//设置动画的旋转中心
|
||||||
|
alignment: Alignment.center,
|
||||||
|
//动画控制器
|
||||||
|
turns: state.animationController,
|
||||||
|
//将要执行动画的子view
|
||||||
|
child: AnimatedOpacity(
|
||||||
|
opacity: 0.5,
|
||||||
|
duration: const Duration(seconds: 2),
|
||||||
|
child: Image.asset(
|
||||||
|
'images/main/realTime_connecting.png',
|
||||||
|
width: 220.w,
|
||||||
|
height: 220.w,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
onTap: () {
|
||||||
|
state.animationController.forward();
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
state.animationController.dispose();
|
||||||
|
CallTalk().finishAVData();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user