updates
parent
5c98b40803
commit
e31cfb803c
Binary file not shown.
|
After Width: | Height: | Size: 286 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 290 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 217 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 246 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 194 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB After Width: | Height: | Size: 71 KiB |
File diff suppressed because it is too large
Load Diff
@ -1,40 +1,40 @@
|
||||
import 'dart:math';
|
||||
|
||||
import 'package:dart_jsonwebtoken/dart_jsonwebtoken.dart';
|
||||
import 'package:diplomaticquarterapp/pages/conference/zoom/zoom_config.dart';
|
||||
|
||||
String makeId(int length) {
|
||||
String result = "";
|
||||
String characters =
|
||||
"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
|
||||
int charactersLength = characters.length;
|
||||
for (var i = 0; i < length; i++) {
|
||||
result += characters[Random().nextInt(charactersLength)];
|
||||
}
|
||||
return result;
|
||||
}
|
||||
|
||||
String generateJwt(String sessionName, String roleType) {
|
||||
try {
|
||||
var iat = DateTime.now();
|
||||
var exp = DateTime.now().add(Duration(days: 2));
|
||||
final jwt = JWT(
|
||||
{
|
||||
'app_key': configs["ZOOM_SDK_KEY"],
|
||||
'version': 1,
|
||||
'user_identity': makeId(10),
|
||||
'iat': (iat.millisecondsSinceEpoch / 1000).round(),
|
||||
'exp': (exp.millisecondsSinceEpoch / 1000).round(),
|
||||
'tpc': sessionName,
|
||||
'role_type': int.parse(roleType),
|
||||
'cloud_recording_option': 1,
|
||||
'cloud_recording_election': 1,
|
||||
},
|
||||
);
|
||||
var token = jwt.sign(SecretKey(configs["ZOOM_SDK_SECRET"]));
|
||||
return token;
|
||||
} catch (e) {
|
||||
print(e);
|
||||
return '';
|
||||
}
|
||||
}
|
||||
// import 'dart:math';
|
||||
//
|
||||
// import 'package:dart_jsonwebtoken/dart_jsonwebtoken.dart';
|
||||
// import 'package:diplomaticquarterapp/pages/conference/zoom/zoom_config.dart';
|
||||
//
|
||||
// String makeId(int length) {
|
||||
// String result = "";
|
||||
// String characters =
|
||||
// "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
|
||||
// int charactersLength = characters.length;
|
||||
// for (var i = 0; i < length; i++) {
|
||||
// result += characters[Random().nextInt(charactersLength)];
|
||||
// }
|
||||
// return result;
|
||||
// }
|
||||
//
|
||||
// String generateJwt(String sessionName, String roleType) {
|
||||
// try {
|
||||
// var iat = DateTime.now();
|
||||
// var exp = DateTime.now().add(Duration(days: 2));
|
||||
// final jwt = JWT(
|
||||
// {
|
||||
// 'app_key': configs["ZOOM_SDK_KEY"],
|
||||
// 'version': 1,
|
||||
// 'user_identity': makeId(10),
|
||||
// 'iat': (iat.millisecondsSinceEpoch / 1000).round(),
|
||||
// 'exp': (exp.millisecondsSinceEpoch / 1000).round(),
|
||||
// 'tpc': sessionName,
|
||||
// 'role_type': int.parse(roleType),
|
||||
// 'cloud_recording_option': 1,
|
||||
// 'cloud_recording_election': 1,
|
||||
// },
|
||||
// );
|
||||
// var token = jwt.sign(SecretKey(configs["ZOOM_SDK_SECRET"]));
|
||||
// return token;
|
||||
// } catch (e) {
|
||||
// print(e);
|
||||
// return '';
|
||||
// }
|
||||
// }
|
||||
|
||||
@ -1,258 +1,258 @@
|
||||
import 'dart:async';
|
||||
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
import 'package:flutter_zoom_videosdk/flutter_zoom_view.dart' as FlutterZoomView;
|
||||
import 'package:flutter_zoom_videosdk/native/zoom_videosdk.dart';
|
||||
|
||||
const SHOW_TALKING_ICON_DURATION = 2000;
|
||||
|
||||
class VideoView extends FlutterZoomView.ZoomView {
|
||||
const VideoView({
|
||||
super.key,
|
||||
required super.user,
|
||||
required super.sharing,
|
||||
required super.preview,
|
||||
required super.focused,
|
||||
required super.hasMultiCamera,
|
||||
required super.multiCameraIndex,
|
||||
required super.videoAspect,
|
||||
required super.fullScreen,
|
||||
required super.resolution,
|
||||
required super.isPiPView,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
var isVideoOn = useState(false);
|
||||
var isTalking = useState(false);
|
||||
var isMuted = useState(false);
|
||||
var isMounted = useIsMounted();
|
||||
var zoom = ZoomVideoSdk();
|
||||
var isSharing = useState(false);
|
||||
user?.audioStatus?.isMuted().then((muted) => isMuted.value = muted);
|
||||
|
||||
useEffect(() {
|
||||
updateVideoStatus() {
|
||||
if (user == null) return;
|
||||
Future<void>.microtask(() async {
|
||||
if (isMounted()) {
|
||||
isVideoOn.value = (await user!.videoStatus!.isOn());
|
||||
isSharing.value = sharing;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
resetAudioStatus() {
|
||||
isTalking.value = false;
|
||||
isMuted.value = false;
|
||||
}
|
||||
|
||||
updateAudioStatus() async {
|
||||
if (!isMounted()) return;
|
||||
var talking = await user?.audioStatus?.isTalking();
|
||||
var muted = await user?.audioStatus?.isMuted();
|
||||
isMuted.value = muted!;
|
||||
isTalking.value = talking!;
|
||||
if (talking) {
|
||||
Timer(
|
||||
const Duration(milliseconds: SHOW_TALKING_ICON_DURATION),
|
||||
() => {
|
||||
if (isMounted())
|
||||
{
|
||||
isTalking.value = false,
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
updateVideoStatus();
|
||||
return null;
|
||||
}, [zoom, user]);
|
||||
|
||||
ImageIcon audioStatusIcon;
|
||||
if (isTalking.value) {
|
||||
audioStatusIcon = const ImageIcon(
|
||||
AssetImage("assets/images/new/zoom/talking@2x.png"),
|
||||
);
|
||||
} else if (isMuted.value) {
|
||||
audioStatusIcon = const ImageIcon(
|
||||
AssetImage("assets/images/new/zoom/muted@2x.png"),
|
||||
);
|
||||
}
|
||||
// Pass parameters to the platform side.
|
||||
final Map<String, dynamic> creationParams = <String, dynamic>{};
|
||||
creationParams.putIfAbsent("userId", () => user?.userId);
|
||||
creationParams.putIfAbsent("sharing", () => sharing);
|
||||
creationParams.putIfAbsent("preview", () => preview);
|
||||
creationParams.putIfAbsent("focused", () => focused);
|
||||
creationParams.putIfAbsent("hasMultiCamera", () => hasMultiCamera);
|
||||
if (videoAspect.isEmpty) {
|
||||
creationParams.putIfAbsent("videoAspect", () => VideoAspect.PanAndScan);
|
||||
} else {
|
||||
creationParams.putIfAbsent("videoAspect", () => videoAspect);
|
||||
}
|
||||
creationParams.putIfAbsent("fullScreen", () => fullScreen);
|
||||
if (resolution.isNotEmpty) {
|
||||
creationParams.putIfAbsent("videoAspect", () => videoAspect);
|
||||
}
|
||||
|
||||
if (fullScreen) {
|
||||
if (sharing) {
|
||||
return Container(
|
||||
height: MediaQuery.of(context).size.height,
|
||||
width: MediaQuery.of(context).size.width,
|
||||
alignment: Alignment.center,
|
||||
child: FlutterZoomView.View(creationParams: creationParams),
|
||||
);
|
||||
} else if (isVideoOn.value) {
|
||||
return Container(
|
||||
height: MediaQuery.of(context).size.height,
|
||||
width: MediaQuery.of(context).size.width,
|
||||
alignment: Alignment.center,
|
||||
child: FlutterZoomView.View(creationParams: creationParams),
|
||||
);
|
||||
} else {
|
||||
return Container(
|
||||
margin: const EdgeInsets.symmetric(vertical: 0),
|
||||
child: Container(
|
||||
alignment: Alignment.center,
|
||||
child: const Image(
|
||||
image: AssetImage("assets/images/new/zoom/default-avatar.png"),
|
||||
)),
|
||||
);
|
||||
}
|
||||
} else {
|
||||
if (isVideoOn.value || sharing) {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8),
|
||||
height: 110,
|
||||
width: 110,
|
||||
child: Stack(
|
||||
children: [
|
||||
Container(
|
||||
height: 110,
|
||||
width: 110,
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xff232323),
|
||||
border: Border.all(
|
||||
color: const Color(0xff666666),
|
||||
width: 1,
|
||||
),
|
||||
borderRadius: const BorderRadius.all(Radius.circular(8)),
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: FlutterZoomView.View(creationParams: creationParams),
|
||||
),
|
||||
Container(
|
||||
height: 110,
|
||||
width: 110,
|
||||
decoration: const BoxDecoration(
|
||||
borderRadius: BorderRadius.all(Radius.circular(8)),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
alignment: Alignment.bottomCenter,
|
||||
child: Container(
|
||||
height: 20,
|
||||
width: 110,
|
||||
decoration: const BoxDecoration(
|
||||
color: Colors.black26,
|
||||
borderRadius: BorderRadius.all(Radius.circular(8)),
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
alignment: Alignment.bottomLeft,
|
||||
margin: const EdgeInsets.only(left: 5),
|
||||
child: Text(
|
||||
user!.userName,
|
||||
textAlign: TextAlign.left,
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
alignment: Alignment.bottomRight,
|
||||
margin: const EdgeInsets.only(right: 5, bottom: 5),
|
||||
// height: 110,
|
||||
// width: 110,
|
||||
child: Image(
|
||||
height: 12,
|
||||
width: 12,
|
||||
image: isMuted.value ? const AssetImage("assets/images/new/zoom/muted@2x.png") : const AssetImage("assets/images/new/zoom/talking@2x.png"),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
} else {
|
||||
return Container(
|
||||
padding: const EdgeInsets.symmetric(horizontal: 8),
|
||||
height: 110,
|
||||
width: 110,
|
||||
child: Stack(
|
||||
children: [
|
||||
Container(
|
||||
height: 110,
|
||||
width: 110,
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xff232323),
|
||||
border: Border.all(
|
||||
color: const Color(0xff666666),
|
||||
width: 1,
|
||||
),
|
||||
borderRadius: const BorderRadius.all(Radius.circular(8)),
|
||||
),
|
||||
alignment: Alignment.center,
|
||||
child: Container(
|
||||
alignment: Alignment.center,
|
||||
child: const Image(
|
||||
height: 60,
|
||||
width: 60,
|
||||
image: AssetImage("assets/images/new/zoom/default-avatar.png"),
|
||||
)),
|
||||
),
|
||||
Align(
|
||||
alignment: Alignment.bottomCenter,
|
||||
child: Container(
|
||||
height: 20,
|
||||
width: 110,
|
||||
decoration: const BoxDecoration(
|
||||
color: Colors.black26,
|
||||
borderRadius: BorderRadius.all(Radius.circular(8)),
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
alignment: Alignment.bottomLeft,
|
||||
margin: const EdgeInsets.only(left: 5),
|
||||
child: Text(
|
||||
user!.userName,
|
||||
textAlign: TextAlign.left,
|
||||
style: const TextStyle(
|
||||
color: Colors.white,
|
||||
fontSize: 12,
|
||||
),
|
||||
),
|
||||
),
|
||||
Container(
|
||||
alignment: Alignment.bottomRight,
|
||||
margin: const EdgeInsets.only(right: 5, bottom: 5),
|
||||
child: Image(
|
||||
height: 12,
|
||||
width: 12,
|
||||
image: isMuted.value ? const AssetImage("assets/images/new/zoom/muted@2x.png") : const AssetImage("assets/images/new/zoom/talking@2x.png"),
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// import 'dart:async';
|
||||
//
|
||||
// import 'package:flutter/material.dart';
|
||||
// import 'package:flutter_hooks/flutter_hooks.dart';
|
||||
// import 'package:flutter_zoom_videosdk/flutter_zoom_view.dart' as FlutterZoomView;
|
||||
// import 'package:flutter_zoom_videosdk/native/zoom_videosdk.dart';
|
||||
//
|
||||
// const SHOW_TALKING_ICON_DURATION = 2000;
|
||||
//
|
||||
// class VideoView extends FlutterZoomView.ZoomView {
|
||||
// const VideoView({
|
||||
// super.key,
|
||||
// required super.user,
|
||||
// required super.sharing,
|
||||
// required super.preview,
|
||||
// required super.focused,
|
||||
// required super.hasMultiCamera,
|
||||
// required super.multiCameraIndex,
|
||||
// required super.videoAspect,
|
||||
// required super.fullScreen,
|
||||
// required super.resolution,
|
||||
// required super.isPiPView,
|
||||
// });
|
||||
//
|
||||
// @override
|
||||
// Widget build(BuildContext context) {
|
||||
// var isVideoOn = useState(false);
|
||||
// var isTalking = useState(false);
|
||||
// var isMuted = useState(false);
|
||||
// var isMounted = useIsMounted();
|
||||
// var zoom = ZoomVideoSdk();
|
||||
// var isSharing = useState(false);
|
||||
// user?.audioStatus?.isMuted().then((muted) => isMuted.value = muted);
|
||||
//
|
||||
// useEffect(() {
|
||||
// updateVideoStatus() {
|
||||
// if (user == null) return;
|
||||
// Future<void>.microtask(() async {
|
||||
// if (isMounted()) {
|
||||
// isVideoOn.value = (await user!.videoStatus!.isOn());
|
||||
// isSharing.value = sharing;
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
//
|
||||
// resetAudioStatus() {
|
||||
// isTalking.value = false;
|
||||
// isMuted.value = false;
|
||||
// }
|
||||
//
|
||||
// updateAudioStatus() async {
|
||||
// if (!isMounted()) return;
|
||||
// var talking = await user?.audioStatus?.isTalking();
|
||||
// var muted = await user?.audioStatus?.isMuted();
|
||||
// isMuted.value = muted!;
|
||||
// isTalking.value = talking!;
|
||||
// if (talking) {
|
||||
// Timer(
|
||||
// const Duration(milliseconds: SHOW_TALKING_ICON_DURATION),
|
||||
// () => {
|
||||
// if (isMounted())
|
||||
// {
|
||||
// isTalking.value = false,
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// updateVideoStatus();
|
||||
// return null;
|
||||
// }, [zoom, user]);
|
||||
//
|
||||
// ImageIcon audioStatusIcon;
|
||||
// if (isTalking.value) {
|
||||
// audioStatusIcon = const ImageIcon(
|
||||
// AssetImage("assets/images/new/zoom/talking@2x.png"),
|
||||
// );
|
||||
// } else if (isMuted.value) {
|
||||
// audioStatusIcon = const ImageIcon(
|
||||
// AssetImage("assets/images/new/zoom/muted@2x.png"),
|
||||
// );
|
||||
// }
|
||||
// // Pass parameters to the platform side.
|
||||
// final Map<String, dynamic> creationParams = <String, dynamic>{};
|
||||
// creationParams.putIfAbsent("userId", () => user?.userId);
|
||||
// creationParams.putIfAbsent("sharing", () => sharing);
|
||||
// creationParams.putIfAbsent("preview", () => preview);
|
||||
// creationParams.putIfAbsent("focused", () => focused);
|
||||
// creationParams.putIfAbsent("hasMultiCamera", () => hasMultiCamera);
|
||||
// if (videoAspect.isEmpty) {
|
||||
// creationParams.putIfAbsent("videoAspect", () => VideoAspect.PanAndScan);
|
||||
// } else {
|
||||
// creationParams.putIfAbsent("videoAspect", () => videoAspect);
|
||||
// }
|
||||
// creationParams.putIfAbsent("fullScreen", () => fullScreen);
|
||||
// if (resolution.isNotEmpty) {
|
||||
// creationParams.putIfAbsent("videoAspect", () => videoAspect);
|
||||
// }
|
||||
//
|
||||
// if (fullScreen) {
|
||||
// if (sharing) {
|
||||
// return Container(
|
||||
// height: MediaQuery.of(context).size.height,
|
||||
// width: MediaQuery.of(context).size.width,
|
||||
// alignment: Alignment.center,
|
||||
// child: FlutterZoomView.View(creationParams: creationParams),
|
||||
// );
|
||||
// } else if (isVideoOn.value) {
|
||||
// return Container(
|
||||
// height: MediaQuery.of(context).size.height,
|
||||
// width: MediaQuery.of(context).size.width,
|
||||
// alignment: Alignment.center,
|
||||
// child: FlutterZoomView.View(creationParams: creationParams),
|
||||
// );
|
||||
// } else {
|
||||
// return Container(
|
||||
// margin: const EdgeInsets.symmetric(vertical: 0),
|
||||
// child: Container(
|
||||
// alignment: Alignment.center,
|
||||
// child: const Image(
|
||||
// image: AssetImage("assets/images/new/zoom/default-avatar.png"),
|
||||
// )),
|
||||
// );
|
||||
// }
|
||||
// } else {
|
||||
// if (isVideoOn.value || sharing) {
|
||||
// return Container(
|
||||
// padding: const EdgeInsets.symmetric(horizontal: 8),
|
||||
// height: 110,
|
||||
// width: 110,
|
||||
// child: Stack(
|
||||
// children: [
|
||||
// Container(
|
||||
// height: 110,
|
||||
// width: 110,
|
||||
// decoration: BoxDecoration(
|
||||
// color: const Color(0xff232323),
|
||||
// border: Border.all(
|
||||
// color: const Color(0xff666666),
|
||||
// width: 1,
|
||||
// ),
|
||||
// borderRadius: const BorderRadius.all(Radius.circular(8)),
|
||||
// ),
|
||||
// alignment: Alignment.center,
|
||||
// child: FlutterZoomView.View(creationParams: creationParams),
|
||||
// ),
|
||||
// Container(
|
||||
// height: 110,
|
||||
// width: 110,
|
||||
// decoration: const BoxDecoration(
|
||||
// borderRadius: BorderRadius.all(Radius.circular(8)),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// alignment: Alignment.bottomCenter,
|
||||
// child: Container(
|
||||
// height: 20,
|
||||
// width: 110,
|
||||
// decoration: const BoxDecoration(
|
||||
// color: Colors.black26,
|
||||
// borderRadius: BorderRadius.all(Radius.circular(8)),
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// alignment: Alignment.bottomLeft,
|
||||
// margin: const EdgeInsets.only(left: 5),
|
||||
// child: Text(
|
||||
// user!.userName,
|
||||
// textAlign: TextAlign.left,
|
||||
// style: const TextStyle(
|
||||
// color: Colors.white,
|
||||
// fontSize: 12,
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// alignment: Alignment.bottomRight,
|
||||
// margin: const EdgeInsets.only(right: 5, bottom: 5),
|
||||
// // height: 110,
|
||||
// // width: 110,
|
||||
// child: Image(
|
||||
// height: 12,
|
||||
// width: 12,
|
||||
// image: isMuted.value ? const AssetImage("assets/images/new/zoom/muted@2x.png") : const AssetImage("assets/images/new/zoom/talking@2x.png"),
|
||||
// fit: BoxFit.cover,
|
||||
// ),
|
||||
// )
|
||||
// ],
|
||||
// ),
|
||||
// );
|
||||
// } else {
|
||||
// return Container(
|
||||
// padding: const EdgeInsets.symmetric(horizontal: 8),
|
||||
// height: 110,
|
||||
// width: 110,
|
||||
// child: Stack(
|
||||
// children: [
|
||||
// Container(
|
||||
// height: 110,
|
||||
// width: 110,
|
||||
// decoration: BoxDecoration(
|
||||
// color: const Color(0xff232323),
|
||||
// border: Border.all(
|
||||
// color: const Color(0xff666666),
|
||||
// width: 1,
|
||||
// ),
|
||||
// borderRadius: const BorderRadius.all(Radius.circular(8)),
|
||||
// ),
|
||||
// alignment: Alignment.center,
|
||||
// child: Container(
|
||||
// alignment: Alignment.center,
|
||||
// child: const Image(
|
||||
// height: 60,
|
||||
// width: 60,
|
||||
// image: AssetImage("assets/images/new/zoom/default-avatar.png"),
|
||||
// )),
|
||||
// ),
|
||||
// Align(
|
||||
// alignment: Alignment.bottomCenter,
|
||||
// child: Container(
|
||||
// height: 20,
|
||||
// width: 110,
|
||||
// decoration: const BoxDecoration(
|
||||
// color: Colors.black26,
|
||||
// borderRadius: BorderRadius.all(Radius.circular(8)),
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// alignment: Alignment.bottomLeft,
|
||||
// margin: const EdgeInsets.only(left: 5),
|
||||
// child: Text(
|
||||
// user!.userName,
|
||||
// textAlign: TextAlign.left,
|
||||
// style: const TextStyle(
|
||||
// color: Colors.white,
|
||||
// fontSize: 12,
|
||||
// ),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// alignment: Alignment.bottomRight,
|
||||
// margin: const EdgeInsets.only(right: 5, bottom: 5),
|
||||
// child: Image(
|
||||
// height: 12,
|
||||
// width: 12,
|
||||
// image: isMuted.value ? const AssetImage("assets/images/new/zoom/muted@2x.png") : const AssetImage("assets/images/new/zoom/talking@2x.png"),
|
||||
// fit: BoxFit.cover,
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
Loading…
Reference in New Issue