Merge branch 'development_aamir' into 'master'
Chat Incoming Call / Out Going Call See merge request Cloud_Solution/mohemm-flutter-app!188merge-requests/188/merge
commit
bc993ce33d
Binary file not shown.
Binary file not shown.
@ -0,0 +1,203 @@
|
||||
import 'dart:convert';
|
||||
import 'package:firebase_messaging/firebase_messaging.dart';
|
||||
import 'package:flutter/cupertino.dart';
|
||||
import 'package:flutter_callkit_incoming/entities/entities.dart';
|
||||
import 'package:flutter_callkit_incoming/flutter_callkit_incoming.dart';
|
||||
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
||||
import 'package:mohem_flutter_app/classes/navigationService.dart';
|
||||
import 'package:mohem_flutter_app/classes/notifications.dart';
|
||||
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||
import 'package:mohem_flutter_app/config/routes.dart';
|
||||
import 'package:mohem_flutter_app/main.dart';
|
||||
import 'package:mohem_flutter_app/models/chat/call.dart';
|
||||
import 'package:mohem_flutter_app/models/chat/get_single_user_chat_list_model.dart';
|
||||
import 'package:mohem_flutter_app/models/chat/get_user_login_token_model.dart' as ALM;
|
||||
import 'package:mohem_flutter_app/models/chat/get_user_login_token_model.dart';
|
||||
import 'package:mohem_flutter_app/provider/chat_call_provider.dart';
|
||||
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class ChatVoipCall {
|
||||
static final ChatVoipCall _instance = ChatVoipCall._internal();
|
||||
|
||||
ChatVoipCall._internal();
|
||||
|
||||
factory ChatVoipCall() => _instance;
|
||||
|
||||
late ChatProviderModel prov;
|
||||
late ChatCallProvider cProv;
|
||||
dynamic inCallData;
|
||||
bool isUserOnline = false;
|
||||
dynamic callData;
|
||||
|
||||
Future<void> showCallkitIncoming({required String uuid, RemoteMessage? data, CallDataModel? incomingCallData, bool background = false}) async {
|
||||
await ChatVoipCall().listenerEvent();
|
||||
await FlutterCallkitIncoming.endAllCalls();
|
||||
ALM.Response autoLoginData;
|
||||
SingleUserChatModel callerData;
|
||||
if (data!.data["user_token_response"] == null || data.data["user_token_response"].isEmpty) {
|
||||
// Online & App Logged In
|
||||
ALM.Response sharedDetails = ALM.Response.fromJson(jsonDecode(await Utils.getStringFromPrefs("userLoginChatDetails")));
|
||||
|
||||
autoLoginData = ALM.Response.fromJson(AppState().getchatUserDetails == null ? sharedDetails.toJson() : AppState().getchatUserDetails!.response!.toJson());
|
||||
dynamic items = jsonDecode(data!.data["user_chat_history_response"]);
|
||||
callerData = SingleUserChatModel(
|
||||
targetUserId: items["CurrentUserId"],
|
||||
targetUserEmail: items["CurrentUserEmail"],
|
||||
targetUserName: items["CurrentUserName"].split("@").first,
|
||||
currentUserId: autoLoginData.id,
|
||||
currentUserEmail: autoLoginData.email,
|
||||
currentUserName: autoLoginData.userName,
|
||||
chatEventId: 3);
|
||||
isUserOnline = true;
|
||||
} else {
|
||||
// Offline or App in Background or App is At Verify Screen
|
||||
autoLoginData = ALM.Response.fromJson(jsonDecode(data.data["user_token_response"]));
|
||||
callerData = SingleUserChatModel.fromJson(json.decode(data!.data["user_chat_history_response"]));
|
||||
}
|
||||
CallKitParams params = CallKitParams(
|
||||
id: uuid,
|
||||
nameCaller: callerData.targetUserName,
|
||||
appName: 'Mohemm',
|
||||
handle: '',
|
||||
type: 0,
|
||||
duration: 25000,
|
||||
textAccept: 'Accept',
|
||||
textDecline: 'Decline',
|
||||
textMissedCall: 'Missed call',
|
||||
textCallback: 'Call back',
|
||||
extra: {
|
||||
"loginDetails": autoLoginData.toJson(),
|
||||
"callerDetails": callerData.toJson(),
|
||||
'isIncomingCall': true,
|
||||
},
|
||||
android: const AndroidParams(
|
||||
isCustomNotification: true,
|
||||
isShowLogo: false,
|
||||
isShowCallback: false,
|
||||
isShowMissedCallNotification: true,
|
||||
ringtonePath: 'system_ringtone_default',
|
||||
backgroundColor: '#0955fa',
|
||||
backgroundUrl: 'assets/test.png',
|
||||
actionColor: '#4CAF50',
|
||||
),
|
||||
ios: IOSParams(
|
||||
iconName: 'Mohemm',
|
||||
handleType: '',
|
||||
supportsVideo: true,
|
||||
maximumCallGroups: 2,
|
||||
maximumCallsPerCallGroup: 1,
|
||||
audioSessionMode: 'default',
|
||||
audioSessionActive: true,
|
||||
audioSessionPreferredSampleRate: 38000.0,
|
||||
audioSessionPreferredIOBufferDuration: 0.005,
|
||||
supportsDTMF: true,
|
||||
supportsHolding: true,
|
||||
supportsGrouping: false,
|
||||
supportsUngrouping: false,
|
||||
ringtonePath: 'system_ringtone_default',
|
||||
),
|
||||
);
|
||||
if (callerData.chatEventId == 3) {
|
||||
await Utils.saveStringFromPrefs("isIncomingCall", "true");
|
||||
await FlutterCallkitIncoming.showCallkitIncoming(params);
|
||||
}
|
||||
}
|
||||
Future getCurrentCall() async {
|
||||
var calls = await FlutterCallkitIncoming.activeCalls();
|
||||
if (calls is List) {
|
||||
if (calls.isNotEmpty) {
|
||||
return calls[0];
|
||||
} else {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
void checkAndNavigationCallingPage() async {
|
||||
var currentCall = await getCurrentCall();
|
||||
if (currentCall != null) {
|
||||
Future.delayed(const Duration(seconds: 2)).whenComplete(() {
|
||||
Navigator.pushNamed(AppRoutes.navigatorKey.currentContext!, AppRoutes.chatStartCall);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> isCall() async {
|
||||
var calls = await FlutterCallkitIncoming.activeCalls();
|
||||
if (calls is List) {
|
||||
if (calls.isNotEmpty) {
|
||||
NavigationService.navigateTo(AppRoutes.chatStartCall);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//Function(CallEvent) callback
|
||||
Future<void> listenerEvent() async {
|
||||
try {
|
||||
FlutterCallkitIncoming.onEvent.listen((CallEvent? event) async {
|
||||
switch (event!.event) {
|
||||
case Event.ACTION_CALL_INCOMING:
|
||||
break;
|
||||
case Event.ACTION_CALL_START:
|
||||
break;
|
||||
case Event.ACTION_CALL_ACCEPT:
|
||||
if (isUserOnline) {
|
||||
checkAndNavigationCallingPage();
|
||||
} else {
|
||||
isCall();
|
||||
}
|
||||
break;
|
||||
case Event.ACTION_CALL_DECLINE:
|
||||
// cProv.isIncomingCall = true;
|
||||
Utils.saveStringFromPrefs("isIncomingCall", "false");
|
||||
Utils.saveStringFromPrefs("inComingCallData", "null");
|
||||
|
||||
// cProv.endCall(isUserOnline: true);
|
||||
FlutterCallkitIncoming.endAllCalls();
|
||||
break;
|
||||
case Event.ACTION_CALL_ENDED:
|
||||
Utils.saveStringFromPrefs("isIncomingCall", "false");
|
||||
Utils.saveStringFromPrefs("inComingCallData", "null");
|
||||
FlutterCallkitIncoming.endAllCalls();
|
||||
break;
|
||||
case Event.ACTION_CALL_TIMEOUT:
|
||||
Utils.saveStringFromPrefs("isIncomingCall", "false");
|
||||
Utils.saveStringFromPrefs("inComingCallData", "null");
|
||||
break;
|
||||
}
|
||||
});
|
||||
} on Exception {}
|
||||
}
|
||||
|
||||
void nothing() {
|
||||
// if (!background) {
|
||||
// await initProviders();
|
||||
// if (data!.data["callType"] == "video") {
|
||||
// cProv.isVideoCall = true;
|
||||
// } else {
|
||||
// cProv.isAudioCall = true;
|
||||
// cProv.isVideoCall = false;
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// // if(!background){}
|
||||
// await initProviders();
|
||||
|
||||
// callData = jsonEncode([
|
||||
// {
|
||||
// "loginDetails": autoLoginData.toJson(),
|
||||
// "callerDetails": callerData.toJson(),
|
||||
// }
|
||||
// ]);
|
||||
|
||||
// connection(data: callData, isUserOnline: isUserOnline).whenComplete(() => {});
|
||||
// if (isUserOnline) {
|
||||
// cProv.init();
|
||||
// }
|
||||
// if (!isUserOnline) {
|
||||
// initProviders();
|
||||
// }
|
||||
// Navigator.pushNamed(AppRoutes.navigatorKey.currentContext!, AppRoutes.chatStartCall);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get_it/get_it.dart';
|
||||
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
||||
import 'package:mohem_flutter_app/config/routes.dart';
|
||||
|
||||
final locator = GetIt.instance;
|
||||
|
||||
class NavigationService {
|
||||
final GlobalKey<NavigatorState> navigatorKey = AppRoutes.navigatorKey;
|
||||
|
||||
static Future<dynamic> navigateTo(String routeName) {
|
||||
var key = locator<NavigationService>().navigatorKey;
|
||||
return key.currentState!.pushNamed(routeName);
|
||||
}
|
||||
|
||||
static Future<dynamic> navigateToPage(Widget page) {
|
||||
var key = locator<NavigationService>().navigatorKey;
|
||||
var pageRoute = MaterialPageRoute(builder: (context) => page);
|
||||
return Navigator.push(key.currentContext!, pageRoute);
|
||||
}
|
||||
}
|
||||
|
||||
void setupLocator() {
|
||||
locator.registerLazySingleton( ()=> NavigationService());
|
||||
}
|
||||
@ -0,0 +1,329 @@
|
||||
// To parse this JSON data, do
|
||||
//
|
||||
// final incomingCallModel = incomingCallModelFromJson(jsonString);
|
||||
|
||||
import 'dart:convert';
|
||||
|
||||
class IncomingCallModel {
|
||||
String? actionColor;
|
||||
String? appName;
|
||||
Args? args;
|
||||
String? avatar;
|
||||
String? backgroundColor;
|
||||
String? backgroundUrl;
|
||||
int? duration;
|
||||
Extra? extra;
|
||||
String? from;
|
||||
String? handle;
|
||||
Args? headers;
|
||||
String? id;
|
||||
bool? isAccepted;
|
||||
bool? isCustomNotification;
|
||||
bool? isCustomSmallExNotification;
|
||||
bool? isShowCallback;
|
||||
bool? isShowLogo;
|
||||
bool? isShowMissedCallNotification;
|
||||
String? nameCaller;
|
||||
String? ringtonePath;
|
||||
String? textAccept;
|
||||
String? textCallback;
|
||||
String? textDecline;
|
||||
String? textMissedCall;
|
||||
int? type;
|
||||
String? uuid;
|
||||
|
||||
IncomingCallModel({
|
||||
this.actionColor,
|
||||
this.appName,
|
||||
this.args,
|
||||
this.avatar,
|
||||
this.backgroundColor,
|
||||
this.backgroundUrl,
|
||||
this.duration,
|
||||
this.extra,
|
||||
this.from,
|
||||
this.handle,
|
||||
this.headers,
|
||||
this.id,
|
||||
this.isAccepted,
|
||||
this.isCustomNotification,
|
||||
this.isCustomSmallExNotification,
|
||||
this.isShowCallback,
|
||||
this.isShowLogo,
|
||||
this.isShowMissedCallNotification,
|
||||
this.nameCaller,
|
||||
this.ringtonePath,
|
||||
this.textAccept,
|
||||
this.textCallback,
|
||||
this.textDecline,
|
||||
this.textMissedCall,
|
||||
this.type,
|
||||
this.uuid,
|
||||
});
|
||||
|
||||
factory IncomingCallModel.fromRawJson(String str) => IncomingCallModel.fromJson(json.decode(str));
|
||||
|
||||
String toRawJson() => json.encode(toJson());
|
||||
|
||||
factory IncomingCallModel.fromJson(Map<String, dynamic> json) => IncomingCallModel(
|
||||
actionColor: json["actionColor"],
|
||||
appName: json["appName"],
|
||||
args: json["args"] == null ? null : Args.fromJson(json["args"]),
|
||||
avatar: json["avatar"],
|
||||
backgroundColor: json["backgroundColor"],
|
||||
backgroundUrl: json["backgroundUrl"],
|
||||
duration: json["duration"] == null ? null : json["duration"].toInt(),
|
||||
extra: json["extra"] == null ? null : Extra.fromJson(json["extra"]),
|
||||
from: json["from"],
|
||||
handle: json["handle"],
|
||||
headers: json["headers"] == null ? null : Args.fromJson(json["headers"]),
|
||||
id: json["id"],
|
||||
isAccepted: json["isAccepted"],
|
||||
isCustomNotification: json["isCustomNotification"],
|
||||
isCustomSmallExNotification: json["isCustomSmallExNotification"],
|
||||
isShowCallback: json["isShowCallback"],
|
||||
isShowLogo: json["isShowLogo"],
|
||||
isShowMissedCallNotification: json["isShowMissedCallNotification"],
|
||||
nameCaller: json["nameCaller"],
|
||||
ringtonePath: json["ringtonePath"],
|
||||
textAccept: json["textAccept"],
|
||||
textCallback: json["textCallback"],
|
||||
textDecline: json["textDecline"],
|
||||
textMissedCall: json["textMissedCall"],
|
||||
type: json["type"] == null ? null : json["type"].toInt(),
|
||||
uuid: json["uuid"],
|
||||
);
|
||||
|
||||
Map<String, dynamic> toJson() => {
|
||||
"actionColor": actionColor,
|
||||
"appName": appName,
|
||||
"args": args?.toJson(),
|
||||
"avatar": avatar,
|
||||
"backgroundColor": backgroundColor,
|
||||
"backgroundUrl": backgroundUrl,
|
||||
"duration": duration,
|
||||
"extra": extra?.toJson(),
|
||||
"from": from,
|
||||
"handle": handle,
|
||||
"headers": headers?.toJson(),
|
||||
"id": id,
|
||||
"isAccepted": isAccepted,
|
||||
"isCustomNotification": isCustomNotification,
|
||||
"isCustomSmallExNotification": isCustomSmallExNotification,
|
||||
"isShowCallback": isShowCallback,
|
||||
"isShowLogo": isShowLogo,
|
||||
"isShowMissedCallNotification": isShowMissedCallNotification,
|
||||
"nameCaller": nameCaller,
|
||||
"ringtonePath": ringtonePath,
|
||||
"textAccept": textAccept,
|
||||
"textCallback": textCallback,
|
||||
"textDecline": textDecline,
|
||||
"textMissedCall": textMissedCall,
|
||||
"type": type,
|
||||
"uuid": uuid,
|
||||
};
|
||||
}
|
||||
|
||||
class Args {
|
||||
Args();
|
||||
|
||||
factory Args.fromRawJson(String str) => Args.fromJson(json.decode(str));
|
||||
|
||||
String toRawJson() => json.encode(toJson());
|
||||
|
||||
factory Args.fromJson(Map<String, dynamic> json) => Args();
|
||||
|
||||
Map<String, dynamic> toJson() => {};
|
||||
}
|
||||
|
||||
class Extra {
|
||||
LoginDetails? loginDetails;
|
||||
bool? isIncomingCall;
|
||||
CallerDetails? callerDetails;
|
||||
|
||||
Extra({
|
||||
this.loginDetails,
|
||||
this.isIncomingCall,
|
||||
this.callerDetails,
|
||||
});
|
||||
|
||||
factory Extra.fromRawJson(String str) => Extra.fromJson(json.decode(str));
|
||||
|
||||
String toRawJson() => json.encode(toJson());
|
||||
|
||||
factory Extra.fromJson(Map<String, dynamic> json) => Extra(
|
||||
loginDetails: json["loginDetails"] == null ? null : LoginDetails.fromJson(json["loginDetails"]),
|
||||
isIncomingCall: json["isIncomingCall"],
|
||||
callerDetails: json["callerDetails"] == null ? null : CallerDetails.fromJson(json["callerDetails"]),
|
||||
);
|
||||
|
||||
Map<String, dynamic> toJson() => {
|
||||
"loginDetails": loginDetails?.toJson(),
|
||||
"isIncomingCall": isIncomingCall,
|
||||
"callerDetails": callerDetails?.toJson(),
|
||||
};
|
||||
}
|
||||
|
||||
class CallerDetails {
|
||||
int? userChatHistoryId;
|
||||
String? contant;
|
||||
FileTypeResponse? fileTypeResponse;
|
||||
String? currentUserName;
|
||||
String? targetUserEmail;
|
||||
String? conversationId;
|
||||
String? encryptedTargetUserId;
|
||||
int? targetUserId;
|
||||
bool? isSeen;
|
||||
int? userChatHistoryLineId;
|
||||
bool? isDelivered;
|
||||
String? targetUserName;
|
||||
int? currentUserId;
|
||||
DateTime? createdDate;
|
||||
String? currentUserEmail;
|
||||
String? contantNo;
|
||||
int? chatEventId;
|
||||
String? encryptedTargetUserName;
|
||||
int? chatSource;
|
||||
|
||||
CallerDetails({
|
||||
this.userChatHistoryId,
|
||||
this.contant,
|
||||
this.fileTypeResponse,
|
||||
this.currentUserName,
|
||||
this.targetUserEmail,
|
||||
this.conversationId,
|
||||
this.encryptedTargetUserId,
|
||||
this.targetUserId,
|
||||
this.isSeen,
|
||||
this.userChatHistoryLineId,
|
||||
this.isDelivered,
|
||||
this.targetUserName,
|
||||
this.currentUserId,
|
||||
this.createdDate,
|
||||
this.currentUserEmail,
|
||||
this.contantNo,
|
||||
this.chatEventId,
|
||||
this.encryptedTargetUserName,
|
||||
this.chatSource,
|
||||
});
|
||||
|
||||
factory CallerDetails.fromRawJson(String str) => CallerDetails.fromJson(json.decode(str));
|
||||
|
||||
String toRawJson() => json.encode(toJson());
|
||||
|
||||
factory CallerDetails.fromJson(Map<String, dynamic> json) => CallerDetails(
|
||||
userChatHistoryId: json["userChatHistoryId"] == null ? null : json["userChatHistoryId"].toInt(),
|
||||
contant: json["contant"],
|
||||
fileTypeResponse: json["fileTypeResponse"] == null ? null : FileTypeResponse.fromJson(json["fileTypeResponse"]),
|
||||
currentUserName: json["currentUserName"],
|
||||
targetUserEmail: json["targetUserEmail"],
|
||||
conversationId: json["conversationId"],
|
||||
encryptedTargetUserId: json["encryptedTargetUserId"],
|
||||
targetUserId: json["targetUserId"] == null ? null : json["targetUserId"].toInt(),
|
||||
isSeen: json["isSeen"],
|
||||
userChatHistoryLineId: json["userChatHistoryLineId"] == null ? null : json["userChatHistoryLineId"].toInt(),
|
||||
isDelivered: json["isDelivered"],
|
||||
targetUserName: json["targetUserName"],
|
||||
currentUserId: json["currentUserId"] == null ? null : json["currentUserId"].toInt(),
|
||||
createdDate: json["createdDate"] == null ? null : DateTime.parse(json["createdDate"]),
|
||||
currentUserEmail: json["currentUserEmail"],
|
||||
contantNo: json["contantNo"],
|
||||
chatEventId: json["chatEventId"] == null ? null : json["chatEventId"].toInt(),
|
||||
encryptedTargetUserName: json["encryptedTargetUserName"],
|
||||
chatSource: json["chatSource"] == null ? null : json["chatSource"].toInt(),
|
||||
);
|
||||
|
||||
Map<String, dynamic> toJson() => {
|
||||
"userChatHistoryId": userChatHistoryId,
|
||||
"contant": contant,
|
||||
"fileTypeResponse": fileTypeResponse?.toJson(),
|
||||
"currentUserName": currentUserName,
|
||||
"targetUserEmail": targetUserEmail,
|
||||
"conversationId": conversationId,
|
||||
"encryptedTargetUserId": encryptedTargetUserId,
|
||||
"targetUserId": targetUserId,
|
||||
"isSeen": isSeen,
|
||||
"userChatHistoryLineId": userChatHistoryLineId,
|
||||
"isDelivered": isDelivered,
|
||||
"targetUserName": targetUserName,
|
||||
"currentUserId": currentUserId,
|
||||
"createdDate": createdDate?.toIso8601String(),
|
||||
"currentUserEmail": currentUserEmail,
|
||||
"contantNo": contantNo,
|
||||
"chatEventId": chatEventId,
|
||||
"encryptedTargetUserName": encryptedTargetUserName,
|
||||
"chatSource": chatSource,
|
||||
};
|
||||
}
|
||||
|
||||
class FileTypeResponse {
|
||||
int? fileTypeId;
|
||||
|
||||
FileTypeResponse({
|
||||
this.fileTypeId,
|
||||
});
|
||||
|
||||
factory FileTypeResponse.fromRawJson(String str) => FileTypeResponse.fromJson(json.decode(str));
|
||||
|
||||
String toRawJson() => json.encode(toJson());
|
||||
|
||||
factory FileTypeResponse.fromJson(Map<String, dynamic> json) => FileTypeResponse(
|
||||
fileTypeId: json["fileTypeId"].toInt(),
|
||||
);
|
||||
|
||||
Map<String, dynamic> toJson() => {
|
||||
"fileTypeId": fileTypeId,
|
||||
};
|
||||
}
|
||||
|
||||
class LoginDetails {
|
||||
bool? isActiveCode;
|
||||
int? id;
|
||||
String? encryptedUserName;
|
||||
String? userName;
|
||||
String? title;
|
||||
String? encryptedUserId;
|
||||
String? email;
|
||||
bool? isDomainUser;
|
||||
String? token;
|
||||
|
||||
LoginDetails({
|
||||
this.isActiveCode,
|
||||
this.id,
|
||||
this.encryptedUserName,
|
||||
this.userName,
|
||||
this.title,
|
||||
this.encryptedUserId,
|
||||
this.email,
|
||||
this.isDomainUser,
|
||||
this.token,
|
||||
});
|
||||
|
||||
factory LoginDetails.fromRawJson(String str) => LoginDetails.fromJson(json.decode(str));
|
||||
|
||||
String toRawJson() => json.encode(toJson());
|
||||
|
||||
factory LoginDetails.fromJson(Map<String, dynamic> json) => LoginDetails(
|
||||
isActiveCode: json["isActiveCode"],
|
||||
id: json["id"] == null ? null : json["id"].toInt(),
|
||||
encryptedUserName: json["encryptedUserName"],
|
||||
userName: json["userName"],
|
||||
title: json["title"],
|
||||
encryptedUserId: json["encryptedUserId"],
|
||||
email: json["email"],
|
||||
isDomainUser: json["isDomainUser"],
|
||||
token: json["token"],
|
||||
);
|
||||
|
||||
Map<String, dynamic> toJson() => {
|
||||
"isActiveCode": isActiveCode,
|
||||
"id": id,
|
||||
"encryptedUserName": encryptedUserName,
|
||||
"userName": userName,
|
||||
"title": title,
|
||||
"encryptedUserId": encryptedUserId,
|
||||
"email": email,
|
||||
"isDomainUser": isDomainUser,
|
||||
"token": token,
|
||||
};
|
||||
}
|
||||
@ -0,0 +1,61 @@
|
||||
// To parse this JSON data, do
|
||||
//
|
||||
// final remoteIceCandidatePayLoad = remoteIceCandidatePayLoadFromJson(jsonString);
|
||||
|
||||
import 'dart:convert';
|
||||
|
||||
class RemoteIceCandidatePayLoad {
|
||||
RemoteIceCandidatePayLoad({
|
||||
this.target,
|
||||
this.candidate,
|
||||
});
|
||||
|
||||
int? target;
|
||||
Candidate? candidate;
|
||||
|
||||
factory RemoteIceCandidatePayLoad.fromRawJson(String str) => RemoteIceCandidatePayLoad.fromJson(json.decode(str));
|
||||
|
||||
String toRawJson() => json.encode(toJson());
|
||||
|
||||
factory RemoteIceCandidatePayLoad.fromJson(Map<String, dynamic> json) => RemoteIceCandidatePayLoad(
|
||||
target: json["target"],
|
||||
candidate: json["candidate"] == null ? null : Candidate.fromJson(json["candidate"]),
|
||||
);
|
||||
|
||||
Map<String, dynamic> toJson() => {
|
||||
"target": target,
|
||||
"candidate": candidate?.toJson(),
|
||||
};
|
||||
}
|
||||
|
||||
class Candidate {
|
||||
Candidate({
|
||||
this.candidate,
|
||||
this.sdpMid,
|
||||
this.sdpMLineIndex,
|
||||
this.usernameFragment,
|
||||
});
|
||||
|
||||
String? candidate;
|
||||
String? sdpMid;
|
||||
int? sdpMLineIndex;
|
||||
String? usernameFragment;
|
||||
|
||||
factory Candidate.fromRawJson(String str) => Candidate.fromJson(json.decode(str));
|
||||
|
||||
String toRawJson() => json.encode(toJson());
|
||||
|
||||
factory Candidate.fromJson(Map<String, dynamic> json) => Candidate(
|
||||
candidate: json["candidate"],
|
||||
sdpMid: json["sdpMid"],
|
||||
sdpMLineIndex: json["sdpMLineIndex"],
|
||||
usernameFragment: json["usernameFragment"],
|
||||
);
|
||||
|
||||
Map<String, dynamic> toJson() => {
|
||||
"candidate": candidate,
|
||||
"sdpMid": sdpMid,
|
||||
"sdpMLineIndex": sdpMLineIndex,
|
||||
"usernameFragment": usernameFragment,
|
||||
};
|
||||
}
|
||||
@ -1,381 +1,597 @@
|
||||
import 'dart:convert';
|
||||
import 'dart:core';
|
||||
import 'dart:ui';
|
||||
|
||||
import 'package:camera/camera.dart';
|
||||
import 'package:draggable_widget/draggable_widget.dart';
|
||||
import 'package:flutter/foundation.dart';
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutter_callkit_incoming/flutter_callkit_incoming.dart';
|
||||
import 'package:flutter_svg/flutter_svg.dart';
|
||||
import 'package:flutter_webrtc/flutter_webrtc.dart';
|
||||
import 'package:mohem_flutter_app/app_state/app_state.dart';
|
||||
import 'package:mohem_flutter_app/classes/colors.dart';
|
||||
import 'package:mohem_flutter_app/classes/utils.dart';
|
||||
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
||||
import 'package:mohem_flutter_app/main.dart';
|
||||
import 'package:mohem_flutter_app/models/chat/call.dart';
|
||||
import 'package:mohem_flutter_app/models/chat/get_user_login_token_model.dart';
|
||||
import 'package:mohem_flutter_app/models/chat/incoming_call_model.dart';
|
||||
import 'package:mohem_flutter_app/provider/chat_call_provider.dart';
|
||||
import 'package:mohem_flutter_app/provider/chat_provider_model.dart';
|
||||
import 'package:provider/provider.dart';
|
||||
|
||||
class IncomingCall extends StatefulWidget {
|
||||
CallDataModel incomingCallData;
|
||||
bool? isVideoCall;
|
||||
|
||||
IncomingCall({Key? key, required this.incomingCallData, this.isVideoCall}) : super(key: key);
|
||||
|
||||
class StartCallPage extends StatefulWidget {
|
||||
@override
|
||||
_IncomingCallState createState() => _IncomingCallState();
|
||||
_StartCallPageState createState() => _StartCallPageState();
|
||||
}
|
||||
|
||||
class _IncomingCallState extends State<IncomingCall> with SingleTickerProviderStateMixin {
|
||||
AnimationController? _animationController;
|
||||
CameraController? _controller;
|
||||
Future<void>? _initializeControllerFuture;
|
||||
bool isCameraReady = false;
|
||||
class _StartCallPageState extends State<StartCallPage> {
|
||||
DragController dragController = DragController();
|
||||
bool isOutGoingCall = false;
|
||||
bool isIncomingCall = false;
|
||||
late ChatCallProvider cProv;
|
||||
late ChatProviderModel provider;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
_animationController = AnimationController(
|
||||
vsync: this,
|
||||
duration: const Duration(
|
||||
milliseconds: 500,
|
||||
),
|
||||
);
|
||||
//_runAnimation();
|
||||
// connectSignaling();
|
||||
WidgetsBinding.instance.addPostFrameCallback(
|
||||
(_) => _runAnimation(),
|
||||
);
|
||||
|
||||
super.initState();
|
||||
}
|
||||
|
||||
@override
|
||||
void dispose() {
|
||||
super.dispose();
|
||||
}
|
||||
|
||||
|
||||
@override
|
||||
void didChangeDependencies() {
|
||||
// TODO: implement didChangeDependencies
|
||||
super.didChangeDependencies();
|
||||
}
|
||||
|
||||
|
||||
void startCall() async {
|
||||
IncomingCallModel? sessionData;
|
||||
dynamic calls = await FlutterCallkitIncoming.activeCalls();
|
||||
if (calls.isNotEmpty) {
|
||||
sessionData = IncomingCallModel.fromRawJson(jsonEncode(calls[0]));
|
||||
isIncomingCall = sessionData.extra!.isIncomingCall!;
|
||||
}
|
||||
if (isIncomingCall) {
|
||||
if (provider.isUserOnline) {
|
||||
if (kDebugMode) {
|
||||
print("====== Processing Incoming Call in Online State =========");
|
||||
}
|
||||
await cProv.startIncomingCallViaKit(inCallData: sessionData!.extra!.callerDetails!.toJson());
|
||||
cProv.init();
|
||||
} else {
|
||||
if (kDebugMode) {
|
||||
print("====== Processing Incoming Call =========");
|
||||
}
|
||||
await cProv.startIncomingCallViaKit(inCallData: sessionData!.extra!.callerDetails!.toJson());
|
||||
try {
|
||||
AppState().setchatUserDetails = UserAutoLoginModel(response: Response.fromJson(sessionData.extra!.loginDetails!.toJson()), errorResponses: null);
|
||||
await provider.buildHubConnection(context: context, ccProvider: cProv).whenComplete(() {
|
||||
cProv.init();
|
||||
});
|
||||
} catch (e) {
|
||||
logger.w(e);
|
||||
}
|
||||
if (kDebugMode) {
|
||||
print('========== END ==============');
|
||||
}
|
||||
}
|
||||
}
|
||||
// else if (isOutGoingCall) {
|
||||
// if (kDebugMode) {
|
||||
// print("====== Processing Outgoing Call =========");
|
||||
// }
|
||||
//
|
||||
// }
|
||||
else {
|
||||
if (kDebugMode) {
|
||||
print("====== Something Wrong With Call =========");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// void connection({required data, required bool isUserOnline}) async {
|
||||
// if (isUserOnline) {
|
||||
// cProv.isUserOnline = isUserOnline;
|
||||
// cProv.startIncomingCallViaKit(inCallData: data);
|
||||
// } else {
|
||||
// dynamic callData = await jsonDecode(data);
|
||||
// AppState().setchatUserDetails = UserAutoLoginModel(
|
||||
// response: Response.fromJson(callData[0]["loginDetails"]),
|
||||
// errorResponses: null,
|
||||
// );
|
||||
// Utils.saveStringFromPrefs(
|
||||
// "userLoginChatDetails",
|
||||
// UserAutoLoginModel(
|
||||
// response: Response.fromJson(callData[0]["loginDetails"]),
|
||||
// errorResponses: null,
|
||||
// ).toJson().toString());
|
||||
// cProv.startIncomingCallViaKit(inCallData: data);
|
||||
// try {
|
||||
// await prov.buildHubConnection(context: AppRoutes.navigatorKey.currentContext!, ccProvider: cProv).whenComplete(() {
|
||||
// cProv.init();
|
||||
// });
|
||||
// } catch (e) {
|
||||
// logger.w(e);
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
cProv=context.read<ChatCallProvider>();
|
||||
provider=context.read<ChatProviderModel>();
|
||||
startCall();
|
||||
return Scaffold(
|
||||
body: FutureBuilder<void>(
|
||||
future: _initializeControllerFuture,
|
||||
builder: (BuildContext context, AsyncSnapshot<void> snapshot) {
|
||||
if (snapshot.connectionState == ConnectionState.done) {
|
||||
return Stack(
|
||||
alignment: FractionalOffset.center,
|
||||
children: <Widget>[
|
||||
if (widget.isVideoCall!)
|
||||
Positioned.fill(
|
||||
child: AspectRatio(
|
||||
aspectRatio: _controller!.value.aspectRatio,
|
||||
child: CameraPreview(
|
||||
_controller!,
|
||||
),
|
||||
),
|
||||
),
|
||||
Positioned.fill(
|
||||
child: ClipRect(
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: 10.0, sigmaY: 10.0),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: MyColors.grey57Color.withOpacity(
|
||||
0.7,
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
children: <Widget>[
|
||||
Container(
|
||||
margin: const EdgeInsets.all(21.0),
|
||||
child: Row(
|
||||
children: <Widget>[
|
||||
Image.asset(
|
||||
"assets/images/logos/main_mohemm_logo.png",
|
||||
height: 70,
|
||||
width: 70,
|
||||
),
|
||||
Container(
|
||||
margin: const EdgeInsets.only(
|
||||
left: 10.0,
|
||||
right: 10.0,
|
||||
extendBody: true,
|
||||
body: Consumer2<ChatCallProvider, ChatProviderModel>(
|
||||
builder: (BuildContext context, ChatCallProvider provider, ChatProviderModel cpm, Widget? child) {
|
||||
return provider.isIncomingCallLoader
|
||||
? const SizedBox(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: Center(child: CircularProgressIndicator()),
|
||||
)
|
||||
: provider.isIncomingCall
|
||||
? SizedBox(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: Stack(
|
||||
alignment: FractionalOffset.center,
|
||||
children: <Widget>[
|
||||
if (!provider.isAudioCall && provider.isVideoCall)
|
||||
Positioned.fill(
|
||||
child: RTCVideoView(
|
||||
provider.remoteRenderer!,
|
||||
objectFit: RTCVideoViewObjectFit.RTCVideoViewObjectFitCover,
|
||||
key: const Key('remote'),
|
||||
),
|
||||
),
|
||||
if (provider.isVideoCall)
|
||||
DraggableWidget(
|
||||
bottomMargin: 20,
|
||||
topMargin: 40,
|
||||
intialVisibility: true,
|
||||
horizontalSpace: 20,
|
||||
shadowBorderRadius: 50,
|
||||
initialPosition: AnchoringPosition.topLeft,
|
||||
dragController: dragController,
|
||||
normalShadow: const BoxShadow(spreadRadius: 0.0, blurRadius: 0.0),
|
||||
draggingShadow: const BoxShadow(spreadRadius: 0.0, blurRadius: 0.0),
|
||||
child: SizedBox(
|
||||
height: 200,
|
||||
width: 140,
|
||||
child: RTCVideoView(
|
||||
provider.localVideoRenderer!,
|
||||
mirror: true,
|
||||
objectFit: RTCVideoViewObjectFit.RTCVideoViewObjectFitCover,
|
||||
),
|
||||
),
|
||||
),
|
||||
if (!provider.isVideoCall)
|
||||
Positioned.fill(
|
||||
child: ClipRect(
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: 5.0, sigmaY: 5.0),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: MyColors.grey57Color.withOpacity(
|
||||
0.3,
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: const <Widget>[
|
||||
|
||||
// todo @aamir, need to use extension mehtods
|
||||
Text(
|
||||
"Aamir Saleem Ahmad",
|
||||
style: TextStyle(
|
||||
fontSize: 21,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: MyColors.white,
|
||||
letterSpacing: -1.26,
|
||||
height: 23 / 12,
|
||||
),
|
||||
),
|
||||
Text(
|
||||
"Calling...",
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Color(
|
||||
0xffC6C6C6,
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
children: <Widget>[
|
||||
40.height,
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
Container(
|
||||
margin: const EdgeInsets.all(21.0),
|
||||
child: Container(
|
||||
margin: const EdgeInsets.only(
|
||||
left: 10.0,
|
||||
right: 10.0,
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: <Widget>[
|
||||
SvgPicture.asset(
|
||||
"assets/images/user.svg",
|
||||
height: 70,
|
||||
width: 70,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
10.height,
|
||||
Text(
|
||||
provider.outGoingCallData.receiverName!,
|
||||
style: const TextStyle(
|
||||
fontSize: 21,
|
||||
decoration: TextDecoration.none,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: MyColors.white,
|
||||
letterSpacing: -1.26,
|
||||
height: 23 / 12,
|
||||
),
|
||||
),
|
||||
const Text(
|
||||
"On Call",
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
decoration: TextDecoration.none,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Color(
|
||||
0xffC6C6C6,
|
||||
),
|
||||
letterSpacing: -0.48,
|
||||
height: 23 / 24,
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 2,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
letterSpacing: -0.48,
|
||||
height: 23 / 24,
|
||||
),
|
||||
),
|
||||
SizedBox(
|
||||
height: 2,
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
// Container(
|
||||
// margin: const EdgeInsets.all(21.0),
|
||||
// width: MediaQuery.of(context).size.width,
|
||||
// decoration: cardRadius(15.0, color: MyColors.black, elevation: null),
|
||||
// child: Column(
|
||||
// crossAxisAlignment: CrossAxisAlignment.start,
|
||||
// mainAxisSize: MainAxisSize.min,
|
||||
// children: [
|
||||
// Container(
|
||||
// padding: const EdgeInsets.fromLTRB(16.0, 16.0, 16.0, 6.0),
|
||||
// child: Text(
|
||||
// "TranslationBase.of(context).appoInfo",
|
||||
// style: TextStyle(fontSize: 16, fontWeight: FontWeight.w600, color: MyColors.white, letterSpacing: -0.64, height: 23 / 12),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// padding: const EdgeInsets.only(left: 16.0, right: 16.0),
|
||||
// child: Text(
|
||||
// "widget.incomingCallData.appointmentdate + widget.incomingCallData.appointmenttime",
|
||||
// style: TextStyle(fontSize: 12.0, letterSpacing: -0.48, color: Color(0xff8E8E8E), fontWeight: FontWeight.w600),
|
||||
// ),
|
||||
// ),
|
||||
// Container(
|
||||
// padding: const EdgeInsets.only(left: 16.0, right: 16.0, bottom: 21.0),
|
||||
// child: Text(
|
||||
// "widget.incomingCallData.clinicname",
|
||||
// style: TextStyle(fontSize: 12.0, letterSpacing: -0.48, color: Color(0xff8E8E8E), fontWeight: FontWeight.w600),
|
||||
// ),
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
const Spacer(),
|
||||
Container(
|
||||
margin: const EdgeInsets.only(
|
||||
bottom: 70.0,
|
||||
left: 49,
|
||||
right: 49,
|
||||
Align(
|
||||
alignment: Alignment.bottomCenter,
|
||||
child: Container(
|
||||
padding: const EdgeInsets.only(
|
||||
bottom: 20,
|
||||
left: 40,
|
||||
right: 40,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: <Widget>[
|
||||
RotationTransition(
|
||||
turns: Tween(
|
||||
begin: 0.0,
|
||||
end: -.1,
|
||||
)
|
||||
.chain(
|
||||
CurveTween(
|
||||
curve: Curves.elasticIn,
|
||||
),
|
||||
)
|
||||
.animate(
|
||||
_animationController!,
|
||||
),
|
||||
child: RawMaterialButton(
|
||||
onPressed: () {
|
||||
_submit();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: MyColors.green2DColor,
|
||||
padding: const EdgeInsets.all(
|
||||
15.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: const Icon(
|
||||
Icons.call,
|
||||
color: MyColors.white,
|
||||
size: 35.0,
|
||||
),
|
||||
// if (provider.isVideoCall)
|
||||
RawMaterialButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () {
|
||||
provider.loudOn();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: provider.isLoudSpeaker ? MyColors.textMixColor : Colors.grey,
|
||||
padding: const EdgeInsets.all(
|
||||
10.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: const Icon(
|
||||
Icons.volume_up,
|
||||
color: MyColors.white,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
RawMaterialButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () {
|
||||
provider.camOff();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: provider.isCamOff ? MyColors.textMixColor : Colors.grey,
|
||||
padding: const EdgeInsets.all(
|
||||
10.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: Icon(
|
||||
provider.isCamOff ? Icons.videocam_off : Icons.videocam,
|
||||
color: MyColors.white,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
RawMaterialButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () {
|
||||
provider.switchCamera();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: provider.isFrontCamera ? Colors.grey : MyColors.textMixColor,
|
||||
padding: const EdgeInsets.all(
|
||||
10.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: Icon(
|
||||
provider.isFrontCamera ? Icons.switch_camera_outlined : Icons.switch_camera,
|
||||
color: MyColors.white,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
RawMaterialButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () {
|
||||
backToHome();
|
||||
provider.micOff();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: provider.isMicOff ? MyColors.textMixColor : Colors.grey,
|
||||
padding: const EdgeInsets.all(
|
||||
10.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: Icon(
|
||||
provider.isMicOff ? Icons.mic_off : Icons.mic,
|
||||
color: MyColors.white,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
RawMaterialButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () {
|
||||
provider.endCall(isUserOnline: cpm.isUserOnline).then((bool value) {
|
||||
if (value) {
|
||||
Navigator.of(context).pop();
|
||||
// print("Reintiiiiiiitttiiiiiiii");
|
||||
// provider.initStreams();
|
||||
}
|
||||
});
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: MyColors.redA3Color,
|
||||
padding: const EdgeInsets.all(
|
||||
15.0,
|
||||
10.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: const Icon(
|
||||
Icons.call_end,
|
||||
color: MyColors.white,
|
||||
size: 35.0,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
} else {
|
||||
return const Center(
|
||||
child: CircularProgressIndicator(),
|
||||
);
|
||||
}
|
||||
)
|
||||
: provider.isOutGoingCall
|
||||
? SizedBox(
|
||||
width: double.infinity,
|
||||
height: double.infinity,
|
||||
child: Stack(
|
||||
alignment: FractionalOffset.center,
|
||||
children: <Widget>[
|
||||
if (!provider.isAudioCall && provider.isVideoCall)
|
||||
Positioned.fill(
|
||||
child: RTCVideoView(
|
||||
provider.remoteRenderer!,
|
||||
objectFit: RTCVideoViewObjectFit.RTCVideoViewObjectFitCover,
|
||||
key: const Key('remote'),
|
||||
),
|
||||
),
|
||||
if (provider.isVideoCall)
|
||||
DraggableWidget(
|
||||
bottomMargin: 20,
|
||||
topMargin: 40,
|
||||
intialVisibility: true,
|
||||
horizontalSpace: 20,
|
||||
shadowBorderRadius: 50,
|
||||
initialPosition: AnchoringPosition.topLeft,
|
||||
dragController: dragController,
|
||||
normalShadow: const BoxShadow(spreadRadius: 0.0, blurRadius: 0.0),
|
||||
draggingShadow: const BoxShadow(spreadRadius: 0.0, blurRadius: 0.0),
|
||||
child: SizedBox(
|
||||
height: 200,
|
||||
width: 140,
|
||||
child: RTCVideoView(
|
||||
provider.localVideoRenderer!,
|
||||
mirror: true,
|
||||
objectFit: RTCVideoViewObjectFit.RTCVideoViewObjectFitCover,
|
||||
),
|
||||
),
|
||||
),
|
||||
if (!provider.isVideoCall)
|
||||
Positioned.fill(
|
||||
child: ClipRect(
|
||||
child: BackdropFilter(
|
||||
filter: ImageFilter.blur(sigmaX: 5.0, sigmaY: 5.0),
|
||||
child: Container(
|
||||
decoration: BoxDecoration(
|
||||
color: MyColors.grey57Color.withOpacity(
|
||||
0.3,
|
||||
),
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
children: <Widget>[
|
||||
40.height,
|
||||
Row(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: <Widget>[
|
||||
Container(
|
||||
margin: const EdgeInsets.all(21.0),
|
||||
child: Container(
|
||||
margin: const EdgeInsets.only(
|
||||
left: 10.0,
|
||||
right: 10.0,
|
||||
),
|
||||
child: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.center,
|
||||
mainAxisSize: MainAxisSize.min,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceAround,
|
||||
children: <Widget>[
|
||||
SvgPicture.asset(
|
||||
"assets/images/user.svg",
|
||||
height: 70,
|
||||
width: 70,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
10.height,
|
||||
Text(
|
||||
provider.outGoingCallData.receiverName!,
|
||||
style: const TextStyle(
|
||||
fontSize: 21,
|
||||
decoration: TextDecoration.none,
|
||||
fontWeight: FontWeight.bold,
|
||||
color: MyColors.white,
|
||||
letterSpacing: -1.26,
|
||||
height: 23 / 12,
|
||||
),
|
||||
),
|
||||
const Text(
|
||||
"On Call",
|
||||
style: TextStyle(
|
||||
fontSize: 16,
|
||||
decoration: TextDecoration.none,
|
||||
fontWeight: FontWeight.w600,
|
||||
color: Color(
|
||||
0xffC6C6C6,
|
||||
),
|
||||
letterSpacing: -0.48,
|
||||
height: 23 / 24,
|
||||
),
|
||||
),
|
||||
const SizedBox(
|
||||
height: 2,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
),
|
||||
Align(
|
||||
alignment: Alignment.bottomCenter,
|
||||
child: Container(
|
||||
padding: const EdgeInsets.only(
|
||||
bottom: 20,
|
||||
left: 40,
|
||||
right: 40,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisSize: MainAxisSize.max,
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: <Widget>[
|
||||
// if (provider.isVideoCall)
|
||||
RawMaterialButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () {
|
||||
provider.loudOn();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: provider.isLoudSpeaker ? MyColors.textMixColor : Colors.grey,
|
||||
padding: const EdgeInsets.all(
|
||||
10.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: const Icon(
|
||||
Icons.volume_up,
|
||||
color: MyColors.white,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
RawMaterialButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () {
|
||||
provider.camOff();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: provider.isCamOff ? MyColors.textMixColor : Colors.grey,
|
||||
padding: const EdgeInsets.all(
|
||||
10.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: Icon(
|
||||
provider.isCamOff ? Icons.videocam_off : Icons.videocam,
|
||||
color: MyColors.white,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
RawMaterialButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () {
|
||||
provider.switchCamera();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: provider.isFrontCamera ? Colors.grey : MyColors.textMixColor,
|
||||
padding: const EdgeInsets.all(
|
||||
10.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: Icon(
|
||||
provider.isFrontCamera ? Icons.switch_camera_outlined : Icons.switch_camera,
|
||||
color: MyColors.white,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
RawMaterialButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () {
|
||||
provider.micOff();
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: provider.isMicOff ? MyColors.textMixColor : Colors.grey,
|
||||
padding: const EdgeInsets.all(
|
||||
10.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: Icon(
|
||||
provider.isMicOff ? Icons.mic_off : Icons.mic,
|
||||
color: MyColors.white,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
RawMaterialButton(
|
||||
constraints: const BoxConstraints(),
|
||||
onPressed: () {
|
||||
provider.endCall(isUserOnline: cpm.isUserOnline).then((bool value) {
|
||||
if (value) {
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
});
|
||||
},
|
||||
elevation: 2.0,
|
||||
fillColor: MyColors.redA3Color,
|
||||
padding: const EdgeInsets.all(
|
||||
10.0,
|
||||
),
|
||||
shape: const CircleBorder(),
|
||||
child: const Icon(
|
||||
Icons.call_end,
|
||||
color: MyColors.white,
|
||||
size: 30.0,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
)
|
||||
: const SizedBox();
|
||||
},
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void _runAnimation() async {
|
||||
List<CameraDescription> cameras = await availableCameras();
|
||||
CameraDescription firstCamera = cameras[1];
|
||||
_controller = CameraController(
|
||||
firstCamera,
|
||||
ResolutionPreset.medium,
|
||||
);
|
||||
_initializeControllerFuture = _controller!.initialize();
|
||||
setState(() {});
|
||||
// setAudioFile();
|
||||
for (int i = 0; i < 100; i++) {
|
||||
await _animationController!.forward();
|
||||
await _animationController!.reverse();
|
||||
}
|
||||
}
|
||||
|
||||
Future<void> _submit() async {
|
||||
try {
|
||||
// backToHome();
|
||||
// final roomModel = RoomModel(name: widget.incomingCallData.name, token: widget.incomingCallData.sessionId, identity: widget.incomingCallData.identity);
|
||||
await _controller?.dispose();
|
||||
|
||||
// changeCallStatusAPI(4);
|
||||
|
||||
// if (_session != null && _signaling != null) {
|
||||
// await Navigator.of(context).pushReplacement(
|
||||
// MaterialPageRoute(
|
||||
// // fullscreenDialog: true,
|
||||
// builder: (BuildContext context) {
|
||||
// // if (widget.incomingCallData.isWebRTC == "true") {
|
||||
// return StartVideoCall(signaling: _signaling, session: _session);
|
||||
//
|
||||
// // else {
|
||||
// // return OpenTokConnectCallPage(apiKey: OPENTOK_API_KEY, sessionId: widget.incomingCallData.sessionId, token: widget.incomingCallData.token);
|
||||
// // }
|
||||
//
|
||||
// // return VideoCallWebPage(receiverId: widget.incomingCallData.receiverID, callerId: widget.incomingCallData.callerID); // Web WebRTC VideoCall
|
||||
//
|
||||
// // return CallHomePage(receiverId: widget.incomingCallData.receiverID, callerId: widget.incomingCallData.callerID); // App WebRTC VideoCall
|
||||
// },
|
||||
// ),
|
||||
// );
|
||||
// } else {
|
||||
// // Invalid Params/Data
|
||||
// Utils.showToast("Failed to establish connection with server");
|
||||
// }
|
||||
} catch (err) {
|
||||
print(err);
|
||||
// await PlatformExceptionAlertDialog(
|
||||
// exception: err,
|
||||
// ).show(context);
|
||||
|
||||
Utils.showToast(err.toString());
|
||||
}
|
||||
}
|
||||
|
||||
// void changeCallStatusAPI(int sessionStatus) {
|
||||
// LiveCareService service = new LiveCareService();
|
||||
// service.endCallAPI(widget.incomingCallData.sessionId, sessionStatus, context).then((res) {}).catchError((err) {
|
||||
// print(err);
|
||||
// });
|
||||
// }
|
||||
|
||||
void backToHome() async {
|
||||
// final connected = await signaling.declineCall(widget.incomingCallData.callerID, widget.incomingCallData.receiverID);
|
||||
// LandingPage.isOpenCallPage = false;
|
||||
// _signaling
|
||||
_animationController!.dispose();
|
||||
// player.stop();
|
||||
// changeCallStatusAPI(3);
|
||||
// _signaling.bye(_session, callRejected: true);
|
||||
// _signaling.callDisconnected(_session, callRejected: true);
|
||||
Navigator.of(context).pop();
|
||||
}
|
||||
|
||||
//
|
||||
// void disposeAudioResources() async {
|
||||
// await player.dispose();
|
||||
// }
|
||||
//
|
||||
// void setAudioFile() async {
|
||||
// player.stop();
|
||||
// await player.setVolume(1.0); // full volume
|
||||
// try {
|
||||
// await player.setAsset('assets/sounds/ring_60Sec.mp3').then((value) {
|
||||
// player.setLoopMode(LoopMode.one); // loop ring sound
|
||||
// player.play();
|
||||
// }).catchError((err) {
|
||||
// print("Error: $err");
|
||||
// });
|
||||
// } catch (e) {
|
||||
// print("Error: $e");
|
||||
// }
|
||||
// }
|
||||
//
|
||||
// void connectSignaling({@required bool iAmCaller = false}) async {
|
||||
// print("----------------- + Signaling Connection Started ---------------------------");
|
||||
// var caller = widget.incomingCallData.callerID;
|
||||
// var receiver = widget.incomingCallData.receiverID;
|
||||
// var host = widget.incomingCallData.server;
|
||||
//
|
||||
// var selfRole = iAmCaller ? "Caller" : "Receiver";
|
||||
// var selfId = iAmCaller ? caller : receiver;
|
||||
// var selfUser = SocketUser(id: selfId, name: "$selfRole-$selfId", userAgent: DeviceInfo.userAgent, moreInfo: {});
|
||||
//
|
||||
// var remoteRole = !iAmCaller ? "Caller" : "Receiver";
|
||||
// var remoteId = !iAmCaller ? caller : receiver;
|
||||
// var remoteUser = SocketUser(id: remoteId, name: "$remoteRole-$remoteId", userAgent: DeviceInfo.userAgent, moreInfo: {});
|
||||
//
|
||||
// var sessionId = "$caller-$receiver";
|
||||
// _session = SessionOneToOne(id: sessionId, local_user: selfUser, remote_user: remoteUser);
|
||||
//
|
||||
// _signaling = Signaling(host, session: _session);
|
||||
// await _signaling.connect();
|
||||
//
|
||||
// if (_signaling.state == SignalingState.Open) {
|
||||
// return;
|
||||
// }
|
||||
// }
|
||||
|
||||
BoxDecoration cardRadius(double radius, {required Color color, double? elevation}) {
|
||||
return BoxDecoration(
|
||||
shape: BoxShape.rectangle,
|
||||
color: color ?? Colors.white,
|
||||
borderRadius: BorderRadius.all(
|
||||
Radius.circular(radius),
|
||||
),
|
||||
boxShadow: <BoxShadow>[
|
||||
BoxShadow(
|
||||
color: const Color(
|
||||
0xff000000,
|
||||
).withOpacity(
|
||||
.05,
|
||||
),
|
||||
//spreadRadius: 5,
|
||||
blurRadius: elevation ?? 27,
|
||||
offset: const Offset(
|
||||
-2,
|
||||
3,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
/// if (Platform.isAndroid) {
|
||||
// SystemNavigator.pop();
|
||||
// } else if (Platform.isIOS) {
|
||||
// exit(0);
|
||||
// }
|
||||
|
||||
@ -0,0 +1,171 @@
|
||||
// import 'dart:async';
|
||||
// import 'dart:io';
|
||||
// import 'package:flutter/material.dart';
|
||||
//
|
||||
// class DraggableCam extends StatefulWidget {
|
||||
// //final Size availableScreenSize;
|
||||
// final Widget child;
|
||||
// final double scaleFactor;
|
||||
// // final Stream<bool> onButtonBarVisible;
|
||||
// // final Stream<double> onButtonBarHeight;
|
||||
//
|
||||
// const DraggableCam({
|
||||
// Key? key,
|
||||
// //@required this.availableScreenSize,
|
||||
// required this.child,
|
||||
// // @required this.onButtonBarVisible,
|
||||
// // @required this.onButtonBarHeight,
|
||||
//
|
||||
// /// The portion of the screen the DraggableWidget should use.
|
||||
// this.scaleFactor = .25,
|
||||
// }) : assert(scaleFactor != null && scaleFactor > 0 && scaleFactor <= .4),
|
||||
// // assert(availableScreenSize != null),
|
||||
// // assert(onButtonBarVisible != null),
|
||||
// // assert(onButtonBarHeight != null),
|
||||
// super(key: key);
|
||||
//
|
||||
// @override
|
||||
// _DraggablePublisherState createState() => _DraggablePublisherState();
|
||||
// }
|
||||
//
|
||||
// class _DraggablePublisherState extends State<DraggableCam> {
|
||||
// bool _isButtonBarVisible = true;
|
||||
// double _buttonBarHeight = 0;
|
||||
// late double _width;
|
||||
// late double _height;
|
||||
// late double _top;
|
||||
// late double _left;
|
||||
// late double _viewPaddingTop;
|
||||
// late double _viewPaddingBottom;
|
||||
// final double _padding = 8.0;
|
||||
// final Duration _duration300ms = const Duration(milliseconds: 300);
|
||||
// final Duration _duration0ms = const Duration(milliseconds: 0);
|
||||
// late Duration _duration;
|
||||
// late StreamSubscription _streamSubscription;
|
||||
// late StreamSubscription _streamHeightSubscription;
|
||||
//
|
||||
// @override
|
||||
// void initState() {
|
||||
// super.initState();
|
||||
// _duration = _duration300ms;
|
||||
// _width = widget.availableScreenSize.width * widget.scaleFactor;
|
||||
// _height = _width * (widget.availableScreenSize.height / widget.availableScreenSize.width);
|
||||
// _top = widget.availableScreenSize.height - (_buttonBarHeight + _padding) - _height;
|
||||
// _left = widget.availableScreenSize.width - _padding - _width;
|
||||
//
|
||||
// _streamSubscription = widget.onButtonBarVisible.listen(_buttonBarVisible);
|
||||
// _streamHeightSubscription = widget.onButtonBarHeight.listen(_getButtonBarHeight);
|
||||
// }
|
||||
//
|
||||
// @override
|
||||
// void didChangeDependencies() {
|
||||
// var mediaQuery = MediaQuery.of(context);
|
||||
// _viewPaddingTop = mediaQuery.viewPadding.top;
|
||||
// _viewPaddingBottom = mediaQuery.viewPadding.bottom;
|
||||
// super.didChangeDependencies();
|
||||
// }
|
||||
//
|
||||
// @override
|
||||
// void dispose() {
|
||||
// _streamSubscription.cancel();
|
||||
// _streamHeightSubscription.cancel();
|
||||
// super.dispose();
|
||||
// }
|
||||
//
|
||||
// void _getButtonBarHeight(double height) {
|
||||
// setState(() {
|
||||
// _buttonBarHeight = height;
|
||||
// _positionWidget();
|
||||
// });
|
||||
// }
|
||||
//
|
||||
// void _buttonBarVisible(bool visible) {
|
||||
// if (!mounted) {
|
||||
// return;
|
||||
// }
|
||||
// setState(() {
|
||||
// _isButtonBarVisible = visible;
|
||||
// if (_duration == _duration300ms) {
|
||||
// // only position the widget when we are not currently dragging it around
|
||||
// _positionWidget();
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
//
|
||||
// @override
|
||||
// Widget build(BuildContext context) {
|
||||
// return AnimatedPositioned(
|
||||
// top: _top,
|
||||
// left: _left,
|
||||
// width: _width,
|
||||
// height: _height,
|
||||
// duration: _duration,
|
||||
// child: Listener(
|
||||
// onPointerDown: (_) => _duration = _duration0ms,
|
||||
// onPointerMove: (PointerMoveEvent event) {
|
||||
// setState(() {
|
||||
// _left = (_left + event.delta.dx).roundToDouble();
|
||||
// _top = (_top + event.delta.dy).roundToDouble();
|
||||
// });
|
||||
// },
|
||||
// onPointerUp: (_) => _positionWidget(),
|
||||
// onPointerCancel: (_) => _positionWidget(),
|
||||
// child: ClippedVideo(
|
||||
// height: _height,
|
||||
// width: _width,
|
||||
// child: widget.child,
|
||||
// ),
|
||||
// ),
|
||||
// );
|
||||
// }
|
||||
//
|
||||
// double _getCurrentStatusBarHeight() {
|
||||
// if (_isButtonBarVisible) {
|
||||
// return _viewPaddingTop;
|
||||
// }
|
||||
// final _defaultViewPaddingTop = Platform.isIOS ? 20.0 : Platform.isAndroid ? 24.0 : 0.0;
|
||||
// if (_viewPaddingTop > _defaultViewPaddingTop) {
|
||||
// // There must be a hardware notch in the display.
|
||||
// return _viewPaddingTop;
|
||||
// }
|
||||
// return 0.0;
|
||||
// }
|
||||
//
|
||||
// double _getCurrentButtonBarHeight() {
|
||||
// if (_isButtonBarVisible) {
|
||||
// return _buttonBarHeight + _viewPaddingBottom;
|
||||
// }
|
||||
// return _viewPaddingBottom;
|
||||
// }
|
||||
//
|
||||
// void _positionWidget() {
|
||||
// // Determine the center of the object being dragged so we can decide
|
||||
// // in which corner the object should be placed.
|
||||
// var dx = (_width / 2) + _left;
|
||||
// dx = dx < 0 ? 0 : dx >= widget.availableScreenSize.width ? widget.availableScreenSize.width - 1 : dx;
|
||||
// var dy = (_height / 2) + _top;
|
||||
// dy = dy < 0 ? 0 : dy >= widget.availableScreenSize.height ? widget.availableScreenSize.height - 1 : dy;
|
||||
// final draggableCenter = Offset(dx, dy);
|
||||
//
|
||||
// setState(() {
|
||||
// _duration = _duration300ms;
|
||||
// if (Rect.fromLTRB(0, 0, widget.availableScreenSize.width / 2, widget.availableScreenSize.height / 2).contains(draggableCenter)) {
|
||||
// // Top-left
|
||||
// _top = _getCurrentStatusBarHeight() + _padding;
|
||||
// _left = _padding;
|
||||
// } else if (Rect.fromLTRB(widget.availableScreenSize.width / 2, 0, widget.availableScreenSize.width, widget.availableScreenSize.height / 2).contains(draggableCenter)) {
|
||||
// // Top-right
|
||||
// _top = _getCurrentStatusBarHeight() + _padding;
|
||||
// _left = widget.availableScreenSize.width - _padding - _width;
|
||||
// } else if (Rect.fromLTRB(0, widget.availableScreenSize.height / 2, widget.availableScreenSize.width / 2, widget.availableScreenSize.height).contains(draggableCenter)) {
|
||||
// // Bottom-left
|
||||
// _top = widget.availableScreenSize.height - (_getCurrentButtonBarHeight() + _padding) - _height;
|
||||
// _left = _padding;
|
||||
// } else if (Rect.fromLTRB(widget.availableScreenSize.width / 2, widget.availableScreenSize.height / 2, widget.availableScreenSize.width, widget.availableScreenSize.height).contains(draggableCenter)) {
|
||||
// // Bottom-right
|
||||
// _top = widget.availableScreenSize.height - (_getCurrentButtonBarHeight() + _padding) - _height;
|
||||
// _left = widget.availableScreenSize.width - _padding - _width;
|
||||
// }
|
||||
// });
|
||||
// }
|
||||
// }
|
||||
Loading…
Reference in New Issue