parent
942703ed32
commit
2619c9dcdf
@ -0,0 +1,67 @@
|
|||||||
|
{
|
||||||
|
"project_info": {
|
||||||
|
"project_number": "60196905754",
|
||||||
|
"project_id": "health-pharma-67443",
|
||||||
|
"storage_bucket": "health-pharma-67443.appspot.com"
|
||||||
|
},
|
||||||
|
"client": [
|
||||||
|
{
|
||||||
|
"client_info": {
|
||||||
|
"mobilesdk_app_id": "1:60196905754:android:05ea9ecef5280e578a42a3",
|
||||||
|
"android_client_info": {
|
||||||
|
"package_name": "com.arminta.healthcare_pharmacy"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"oauth_client": [],
|
||||||
|
"api_key": [
|
||||||
|
{
|
||||||
|
"current_key": "AIzaSyC89L-Xg53Bd_mdCPvKOu7BcC9Ya6UZeds"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"services": {
|
||||||
|
"appinvite_service": {
|
||||||
|
"other_platform_oauth_client": []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"client_info": {
|
||||||
|
"mobilesdk_app_id": "1:60196905754:android:44f95d2cea26698a8a42a3",
|
||||||
|
"android_client_info": {
|
||||||
|
"package_name": "com.arminta.healthcare_user"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"oauth_client": [],
|
||||||
|
"api_key": [
|
||||||
|
{
|
||||||
|
"current_key": "AIzaSyC89L-Xg53Bd_mdCPvKOu7BcC9Ya6UZeds"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"services": {
|
||||||
|
"appinvite_service": {
|
||||||
|
"other_platform_oauth_client": []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"client_info": {
|
||||||
|
"mobilesdk_app_id": "1:60196905754:android:a35c084e291315488a42a3",
|
||||||
|
"android_client_info": {
|
||||||
|
"package_name": "com.arminta.healthparma"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"oauth_client": [],
|
||||||
|
"api_key": [
|
||||||
|
{
|
||||||
|
"current_key": "AIzaSyC89L-Xg53Bd_mdCPvKOu7BcC9Ya6UZeds"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"services": {
|
||||||
|
"appinvite_service": {
|
||||||
|
"other_platform_oauth_client": []
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"configuration_version": "1"
|
||||||
|
}
|
||||||
@ -0,0 +1,88 @@
|
|||||||
|
import 'dart:io';
|
||||||
|
|
||||||
|
import 'package:firebase_storage/firebase_storage.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:cloud_firestore/cloud_firestore.dart';
|
||||||
|
import 'chatmessage.dart';
|
||||||
|
|
||||||
|
|
||||||
|
class ChatController extends GetxController {
|
||||||
|
final CollectionReference _messagesCollection =
|
||||||
|
FirebaseFirestore.instance.collection('messages');
|
||||||
|
|
||||||
|
// Observable list of messages
|
||||||
|
RxList<ChatMessage> messages = <ChatMessage>[].obs;
|
||||||
|
|
||||||
|
void sendMessage(String messageContent, String messageType, bool isText) async {
|
||||||
|
try {
|
||||||
|
await _messagesCollection.add({
|
||||||
|
'messageContent': messageContent,
|
||||||
|
'messageType': messageType,
|
||||||
|
'isText': isText,
|
||||||
|
'timestamp': Timestamp.now(),
|
||||||
|
});
|
||||||
|
print("Message sent successfully");
|
||||||
|
} catch (e) {
|
||||||
|
print('Error sending message: $e');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<String> uploadImage(File image, String id) async {
|
||||||
|
try {
|
||||||
|
String fileName = DateTime.now().millisecondsSinceEpoch.toString();
|
||||||
|
Reference storageReference =
|
||||||
|
FirebaseStorage.instance.ref().child('products/$fileName');
|
||||||
|
SettableMetadata metadata = SettableMetadata(contentType: 'image/jpeg');
|
||||||
|
UploadTask uploadTask = storageReference.putFile(image, metadata);
|
||||||
|
|
||||||
|
String temporaryMessageId = UniqueKey().toString();
|
||||||
|
messages.add(ChatMessage(
|
||||||
|
messageContent: 'Uploading...',
|
||||||
|
messageType: id,
|
||||||
|
isText: true,
|
||||||
|
temporaryMessageId: temporaryMessageId,
|
||||||
|
));
|
||||||
|
|
||||||
|
TaskSnapshot taskSnapshot = await uploadTask;
|
||||||
|
String downloadURL = await storageReference.getDownloadURL();
|
||||||
|
|
||||||
|
// Replace the temporary message with the uploaded image
|
||||||
|
int index = messages.indexWhere((message) => message.temporaryMessageId == temporaryMessageId);
|
||||||
|
if (index != -1) {
|
||||||
|
messages[index] = ChatMessage(
|
||||||
|
messageContent: downloadURL,
|
||||||
|
messageType: id,
|
||||||
|
isText: false,
|
||||||
|
temporaryMessageId: '',
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
print('Image uploaded successfully. Download URL: $downloadURL');
|
||||||
|
return downloadURL;
|
||||||
|
} catch (e) {
|
||||||
|
print('Error uploading image: $e');
|
||||||
|
throw e;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Stream<QuerySnapshot> getMessagesStream() {
|
||||||
|
return _messagesCollection.orderBy('timestamp').snapshots();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void onInit() {
|
||||||
|
super.onInit();
|
||||||
|
// Listen for changes in the messages collection and update the local list
|
||||||
|
getMessagesStream().listen((QuerySnapshot snapshot) {
|
||||||
|
messages.assignAll(snapshot.docs.map((doc) => ChatMessage(
|
||||||
|
messageContent: doc['messageContent'],
|
||||||
|
messageType: doc['messageType'],
|
||||||
|
isText: doc['isText'],
|
||||||
|
temporaryMessageId: '',
|
||||||
|
)));
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,15 @@
|
|||||||
|
import 'package:flutter/cupertino.dart';
|
||||||
|
|
||||||
|
class ChatMessage {
|
||||||
|
String messageContent;
|
||||||
|
String messageType;
|
||||||
|
bool isText;
|
||||||
|
String temporaryMessageId; // New property for temporary message identifier
|
||||||
|
|
||||||
|
ChatMessage({
|
||||||
|
required this.messageContent,
|
||||||
|
required this.messageType,
|
||||||
|
required this.isText,
|
||||||
|
required this.temporaryMessageId, // Include in the constructor
|
||||||
|
});
|
||||||
|
}
|
||||||
@ -0,0 +1,235 @@
|
|||||||
|
import 'dart:io';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:get/get.dart';
|
||||||
|
import 'package:healthcare_user/chat/chatzoomable_image.dart';
|
||||||
|
import 'package:healthcare_user/common/settings.dart';
|
||||||
|
import 'package:healthcare_user/pages/index.dart';
|
||||||
|
import 'package:image_picker/image_picker.dart';
|
||||||
|
import 'chat_controller.dart';
|
||||||
|
import 'chatmessage.dart';
|
||||||
|
import 'package:photo_view/photo_view.dart';
|
||||||
|
|
||||||
|
class ChatPage extends StatefulWidget {
|
||||||
|
const ChatPage({Key? key});
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<ChatPage> createState() => _ChatPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _ChatPageState extends State<ChatPage> {
|
||||||
|
final ChatController chatController = Get.put(ChatController());
|
||||||
|
final TextEditingController content = TextEditingController();
|
||||||
|
final ImagePicker _picker = ImagePicker();
|
||||||
|
XFile? _image;
|
||||||
|
var id="1";
|
||||||
|
bool _sending = false;
|
||||||
|
final ScrollController _scrollController = ScrollController();
|
||||||
|
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
_scrollToBottom();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
backgroundColor:Colors.green,
|
||||||
|
elevation: 0,
|
||||||
|
automaticallyImplyLeading: false,
|
||||||
|
flexibleSpace: SafeArea(
|
||||||
|
child: Container(
|
||||||
|
padding: EdgeInsets.only(right: 16),
|
||||||
|
child: Row(
|
||||||
|
children: <Widget>[
|
||||||
|
IconButton(
|
||||||
|
onPressed: (){
|
||||||
|
Navigator.pop(context);
|
||||||
|
},
|
||||||
|
icon: Icon(Icons.arrow_back,color: Colors.black,),
|
||||||
|
),
|
||||||
|
SizedBox(width: 2,),
|
||||||
|
CircleAvatar(
|
||||||
|
backgroundImage: NetworkImage(AppSettings.profilePictureUrl),
|
||||||
|
maxRadius: 20,
|
||||||
|
),
|
||||||
|
SizedBox(width: 12,),
|
||||||
|
Expanded(
|
||||||
|
child: Column(
|
||||||
|
crossAxisAlignment: CrossAxisAlignment.start,
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: <Widget>[
|
||||||
|
Text(AppSettings.userName,style: TextStyle( fontSize: 16 ,fontWeight: FontWeight.w600),),
|
||||||
|
// SizedBox(height: 6,),
|
||||||
|
// Text("Online",style: TextStyle(color: Colors.grey.shade600, fontSize: 13),),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
/*IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
UrlLauncher.launch("tel://8328206298");
|
||||||
|
},
|
||||||
|
icon: Icon(Icons.call, color: Colors.black),
|
||||||
|
),*/
|
||||||
|
IconButton(
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => IndexPage()),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
icon: Icon(Icons.videocam, color: Colors.black),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
body: Stack(
|
||||||
|
children: [
|
||||||
|
Obx(() => ListView.builder(
|
||||||
|
itemCount: chatController.messages.length,
|
||||||
|
shrinkWrap: true,
|
||||||
|
padding: EdgeInsets.only(top: 10, bottom: 80), // Adjust bottom padding to accommodate the input field
|
||||||
|
physics: ScrollPhysics(),
|
||||||
|
controller: _scrollController,
|
||||||
|
itemBuilder: (context, index) {
|
||||||
|
final data = chatController.messages[index];
|
||||||
|
return Container(
|
||||||
|
padding: EdgeInsets.only(
|
||||||
|
left: 14, right: 14, top: 10, bottom: 10),
|
||||||
|
child: Align(
|
||||||
|
alignment: (data.messageType != id ? Alignment.topLeft : Alignment.topRight),
|
||||||
|
child: GestureDetector(
|
||||||
|
onTap: () {
|
||||||
|
Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (context) => ChatZoomableImage(data.messageContent),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
child: Container(
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
borderRadius: BorderRadius.circular(20),
|
||||||
|
color: (data.messageType != id
|
||||||
|
? Colors.grey.shade200
|
||||||
|
: Colors.blue[200]),
|
||||||
|
),
|
||||||
|
padding: EdgeInsets.all(16),
|
||||||
|
child: data.isText
|
||||||
|
? Text(data.messageContent, style: TextStyle(fontSize: 15))
|
||||||
|
: Image.network(
|
||||||
|
data.messageContent,
|
||||||
|
scale: 3,
|
||||||
|
width: 100,
|
||||||
|
height: 100,
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
)),
|
||||||
|
Align(alignment: Alignment.bottomCenter,child: Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 8.0),
|
||||||
|
child: Container(
|
||||||
|
height: 60,
|
||||||
|
width: double.infinity,
|
||||||
|
color: Colors.white,
|
||||||
|
child: Row(
|
||||||
|
children: <Widget>[
|
||||||
|
GestureDetector(
|
||||||
|
onTap: getImage,
|
||||||
|
child: Container(
|
||||||
|
height: 30,
|
||||||
|
width: 30,
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.lightBlue,
|
||||||
|
borderRadius: BorderRadius.circular(30),
|
||||||
|
),
|
||||||
|
child: Icon(Icons.add, color: Colors.white, size: 20),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 15),
|
||||||
|
Expanded(
|
||||||
|
child: TextField(
|
||||||
|
controller: content,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
hintText: "Write message...",
|
||||||
|
hintStyle: TextStyle(color: Colors.black54),
|
||||||
|
border: InputBorder.none,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
SizedBox(width: 15),
|
||||||
|
FloatingActionButton(
|
||||||
|
onPressed: () {
|
||||||
|
sendMessage();
|
||||||
|
},
|
||||||
|
child: Icon(Icons.send, color: Colors.white, size: 18),
|
||||||
|
backgroundColor: Colors.blue,
|
||||||
|
elevation: 0,
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _scrollToBottom() {
|
||||||
|
Future.delayed(Duration(milliseconds: 300), () {
|
||||||
|
if (_scrollController.hasClients) {
|
||||||
|
_scrollController.animateTo(
|
||||||
|
_scrollController.position.maxScrollExtent,
|
||||||
|
duration: Duration(milliseconds: 300),
|
||||||
|
curve: Curves.easeInOut,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
Future getImage() async {
|
||||||
|
final XFile? image =
|
||||||
|
await _picker.pickImage(source: ImageSource.gallery);
|
||||||
|
if (image != null) {
|
||||||
|
setState(() {
|
||||||
|
_image = image;
|
||||||
|
});
|
||||||
|
sendMessage(); // Call sendMessage function to send the selected image immediately
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
void sendMessage() async {
|
||||||
|
String messageContent = content.text.trim();
|
||||||
|
if (messageContent.isNotEmpty || _image != null) {
|
||||||
|
setState(() {
|
||||||
|
_sending = true;
|
||||||
|
});
|
||||||
|
try {
|
||||||
|
if (_image != null) {
|
||||||
|
String imageUrl =
|
||||||
|
await chatController.uploadImage(File(_image!.path),'$id');
|
||||||
|
chatController.sendMessage(imageUrl, '$id', false);
|
||||||
|
_image = null; // Clear the selected image after sending
|
||||||
|
}
|
||||||
|
if (messageContent.isNotEmpty) {
|
||||||
|
chatController.sendMessage(messageContent, '$id', true);
|
||||||
|
content.clear();
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
setState(() {
|
||||||
|
_sending = false;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
_scrollToBottom(); // Scroll to the bottom after sending message
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,40 @@
|
|||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:healthcare_user/common/settings.dart';
|
||||||
|
import 'package:photo_view/photo_view.dart';
|
||||||
|
|
||||||
|
class ChatZoomableImage extends StatelessWidget {
|
||||||
|
final String imageUrl;
|
||||||
|
|
||||||
|
ChatZoomableImage(this.imageUrl);
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
backgroundColor: primaryColor, // Set the background color
|
||||||
|
title: Text('Preview Image'), // Set the title text
|
||||||
|
actions: [
|
||||||
|
IconButton(
|
||||||
|
icon: Icon(Icons.close),
|
||||||
|
onPressed: () {
|
||||||
|
Navigator.pop(context);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
body: Center(
|
||||||
|
child: imageUrl.isNotEmpty
|
||||||
|
? PhotoView(
|
||||||
|
imageProvider: NetworkImage(imageUrl),
|
||||||
|
minScale: PhotoViewComputedScale.contained,
|
||||||
|
maxScale: PhotoViewComputedScale.contained * 3.0,
|
||||||
|
)
|
||||||
|
: Image.asset(
|
||||||
|
'images/mobilebg.png', // Path to your default image
|
||||||
|
fit: BoxFit.cover,
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@ -0,0 +1,271 @@
|
|||||||
|
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:healthcare_user/common/settings.dart';
|
||||||
|
import 'dart:async';
|
||||||
|
import 'package:permission_handler/permission_handler.dart';
|
||||||
|
|
||||||
|
import 'package:agora_rtc_engine/rtc_engine.dart';
|
||||||
|
import 'package:agora_rtc_engine/rtc_engine.dart' as rtc_engine;
|
||||||
|
import 'package:agora_rtc_engine/rtc_local_view.dart' as rtc_local_view;
|
||||||
|
import 'package:agora_rtc_engine/rtc_remote_view.dart' as rtc_remote_view;
|
||||||
|
|
||||||
|
class CallPage extends StatefulWidget {
|
||||||
|
final String? channelName;
|
||||||
|
final ClientRole? role;
|
||||||
|
const CallPage({Key? key, this.channelName, this.role}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<CallPage> createState() => _CallPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _CallPageState extends State<CallPage> {
|
||||||
|
final _users = <int>[];
|
||||||
|
final _infoString = <String>[];
|
||||||
|
late RtcEngine _engine;
|
||||||
|
bool muted = false; // Define the muted variable
|
||||||
|
bool viewPanel = true;
|
||||||
|
@override
|
||||||
|
void initState() {
|
||||||
|
super.initState();
|
||||||
|
initialize();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_users.clear();
|
||||||
|
_engine.leaveChannel();
|
||||||
|
_engine.destroy();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> initialize() async {
|
||||||
|
if (appId.isEmpty) {
|
||||||
|
setState(() {
|
||||||
|
_infoString.add('AppId is missing please provide AppId');
|
||||||
|
_infoString.add('Agora Engine is not starting');
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
_engine = await rtc_engine.RtcEngine.create(appId);
|
||||||
|
await _engine.enableVideo();
|
||||||
|
await _engine.setChannelProfile(ChannelProfile.LiveBroadcasting);
|
||||||
|
await _engine.setClientRole(widget.role!);
|
||||||
|
_addAgoraEventHandler();
|
||||||
|
VideoEncoderConfiguration configuration = VideoEncoderConfiguration(
|
||||||
|
dimensions: VideoDimensions(width: 1920, height: 1080),
|
||||||
|
);
|
||||||
|
await _engine.setVideoEncoderConfiguration(configuration);
|
||||||
|
await _engine.joinChannel(token, widget.channelName!, null, 0);
|
||||||
|
}
|
||||||
|
|
||||||
|
void _addAgoraEventHandler() {
|
||||||
|
_engine.setEventHandler(
|
||||||
|
rtc_engine.RtcEngineEventHandler(
|
||||||
|
error: (code) {
|
||||||
|
setState(() {
|
||||||
|
final info = 'Error: $code';
|
||||||
|
_infoString.add(info);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
joinChannelSuccess: (channel, uid, elapsed) {
|
||||||
|
setState(() {
|
||||||
|
final info = 'Join Channel: $channel, uid:$uid';
|
||||||
|
_infoString.add(info);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
leaveChannel: (stats) {
|
||||||
|
setState(() {
|
||||||
|
_infoString.add('Leave Channel');
|
||||||
|
_users.clear();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
userJoined: (uid, elapsed) {
|
||||||
|
setState(() {
|
||||||
|
final info = 'User joined: $uid';
|
||||||
|
_infoString.add(info);
|
||||||
|
_users.add(uid);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
userOffline: (uid, elapsed) {
|
||||||
|
setState(() {
|
||||||
|
final info = 'User Offline: $uid';
|
||||||
|
_infoString.add(info);
|
||||||
|
_users.remove(uid);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
firstRemoteVideoFrame: (uid, width, height, elapsed) {
|
||||||
|
setState(() {
|
||||||
|
final info = 'First Remote Video: $uid $width*$height';
|
||||||
|
_infoString.add(info);
|
||||||
|
_users.remove(uid);
|
||||||
|
});
|
||||||
|
},
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Widget _viewRows() {
|
||||||
|
final List<StatefulWidget> list = [];
|
||||||
|
if (widget.role == ClientRole.Broadcaster) {
|
||||||
|
list.add(const rtc_local_view.SurfaceView());
|
||||||
|
}
|
||||||
|
for (var uid in _users) {
|
||||||
|
list.add(rtc_remote_view.SurfaceView(
|
||||||
|
uid: uid,
|
||||||
|
channelId: widget.channelName!,
|
||||||
|
));
|
||||||
|
}
|
||||||
|
final views=list;
|
||||||
|
return Column(
|
||||||
|
children: List.generate(
|
||||||
|
views.length,
|
||||||
|
(index) => Expanded(
|
||||||
|
child: views[index],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Widget _toolbar() {
|
||||||
|
if (widget.role == ClientRole.Audience) return SizedBox();
|
||||||
|
|
||||||
|
return Container(
|
||||||
|
alignment: Alignment.bottomCenter,
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 48),
|
||||||
|
child: Row(
|
||||||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||||||
|
children: <Widget>[
|
||||||
|
RawMaterialButton(
|
||||||
|
onPressed: () {
|
||||||
|
setState(() {
|
||||||
|
muted = !muted;
|
||||||
|
});
|
||||||
|
_engine.muteLocalAudioStream(muted);
|
||||||
|
},
|
||||||
|
child: Icon(
|
||||||
|
muted ? Icons.mic_off : Icons.mic,
|
||||||
|
color: muted ? Colors.white : Colors.blueAccent,
|
||||||
|
size: 20.0,
|
||||||
|
),
|
||||||
|
shape: CircleBorder(),
|
||||||
|
elevation: 2.0,
|
||||||
|
fillColor: muted ? Colors.blueAccent : Colors.white,
|
||||||
|
padding: EdgeInsets.all(12.0),
|
||||||
|
),
|
||||||
|
RawMaterialButton(
|
||||||
|
onPressed: () => Navigator.pop(context),
|
||||||
|
child: Icon(
|
||||||
|
Icons.call_end,
|
||||||
|
color: Colors.white,
|
||||||
|
size: 35.0,
|
||||||
|
),
|
||||||
|
shape: CircleBorder(),
|
||||||
|
elevation: 2.0,
|
||||||
|
fillColor: Colors.redAccent,
|
||||||
|
padding: EdgeInsets.all(15.0),
|
||||||
|
),
|
||||||
|
RawMaterialButton(
|
||||||
|
onPressed: () {
|
||||||
|
_engine.switchCamera();
|
||||||
|
},
|
||||||
|
child: Icon(
|
||||||
|
Icons.switch_camera,
|
||||||
|
color: Colors.blueAccent,
|
||||||
|
size: 20.0,
|
||||||
|
),
|
||||||
|
shape: CircleBorder(),
|
||||||
|
elevation: 2.0,
|
||||||
|
fillColor: Colors.white,
|
||||||
|
padding: EdgeInsets.all(12.0),
|
||||||
|
),
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Widget _panel()
|
||||||
|
{
|
||||||
|
return Visibility(
|
||||||
|
visible: viewPanel,
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 48),
|
||||||
|
alignment: Alignment.bottomCenter,
|
||||||
|
child: FractionallySizedBox(
|
||||||
|
heightFactor: 0.5,
|
||||||
|
child: Container(
|
||||||
|
padding: EdgeInsets.symmetric(vertical: 48),
|
||||||
|
child: ListView.builder(
|
||||||
|
reverse: true,
|
||||||
|
itemCount: _infoString.length,
|
||||||
|
itemBuilder:(BuildContext context,int index)
|
||||||
|
{
|
||||||
|
if(_infoString.isEmpty)
|
||||||
|
{
|
||||||
|
return const Text("null");
|
||||||
|
}
|
||||||
|
return Padding(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 3,horizontal: 10),
|
||||||
|
child: Row(
|
||||||
|
mainAxisSize: MainAxisSize.min,
|
||||||
|
children: [
|
||||||
|
Flexible(
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(vertical: 2, horizontal: 5),
|
||||||
|
decoration: BoxDecoration(
|
||||||
|
color: Colors.white,
|
||||||
|
borderRadius: BorderRadius.circular(5)
|
||||||
|
),
|
||||||
|
child: Text(
|
||||||
|
_infoString[index],
|
||||||
|
style: const TextStyle(color:Colors.blueGrey),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
);
|
||||||
|
},
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: const Text("VideoCall"),
|
||||||
|
centerTitle: true,
|
||||||
|
actions: [
|
||||||
|
IconButton(onPressed:()
|
||||||
|
{
|
||||||
|
setState(() {
|
||||||
|
viewPanel=!viewPanel;
|
||||||
|
});
|
||||||
|
}, icon: const Icon(Icons.ice_skating))
|
||||||
|
],
|
||||||
|
),
|
||||||
|
backgroundColor: Colors.black,
|
||||||
|
body: Center(
|
||||||
|
child: Stack(
|
||||||
|
children: <Widget>[
|
||||||
|
_viewRows(),
|
||||||
|
_panel(),
|
||||||
|
_toolbar(),
|
||||||
|
]
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,120 @@
|
|||||||
|
import 'package:agora_rtc_engine/rtc_engine.dart';
|
||||||
|
import 'package:flutter/material.dart';
|
||||||
|
import 'package:async/async.dart';
|
||||||
|
import 'dart:developer';
|
||||||
|
import 'package:permission_handler/permission_handler.dart';
|
||||||
|
import './call.dart';
|
||||||
|
import 'package:flutter/material.dart' hide Size;
|
||||||
|
import 'dart:ui' as ui;
|
||||||
|
|
||||||
|
class IndexPage extends StatefulWidget {
|
||||||
|
const IndexPage({Key? key}) : super(key: key);
|
||||||
|
|
||||||
|
@override
|
||||||
|
State<IndexPage> createState() => _IndexPageState();
|
||||||
|
}
|
||||||
|
|
||||||
|
class _IndexPageState extends State<IndexPage> {
|
||||||
|
|
||||||
|
TextEditingController _channelController = TextEditingController(text: 'call');
|
||||||
|
|
||||||
|
bool _validateError=false;
|
||||||
|
ClientRole? _role= ClientRole.Broadcaster;
|
||||||
|
|
||||||
|
|
||||||
|
@override
|
||||||
|
void dispose() {
|
||||||
|
_channelController.dispose();
|
||||||
|
super.dispose();
|
||||||
|
}
|
||||||
|
|
||||||
|
@override
|
||||||
|
Widget build(BuildContext context) {
|
||||||
|
return Scaffold(
|
||||||
|
appBar: AppBar(
|
||||||
|
title: const Text("VideoCall"),
|
||||||
|
centerTitle: true,
|
||||||
|
),
|
||||||
|
body: SingleChildScrollView(
|
||||||
|
child: Container(
|
||||||
|
padding: const EdgeInsets.symmetric(horizontal: 20),
|
||||||
|
child: Column(
|
||||||
|
children:<Widget> [
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
const SizedBox(height: 20),
|
||||||
|
TextField(
|
||||||
|
controller: _channelController,
|
||||||
|
decoration: InputDecoration(
|
||||||
|
errorText: _validateError ? 'Chanel Name is Mondatory' : null,
|
||||||
|
border: UnderlineInputBorder(borderSide: BorderSide(width: 1),),
|
||||||
|
hintText: 'channel name',
|
||||||
|
),
|
||||||
|
),
|
||||||
|
RadioListTile(
|
||||||
|
title: const Text('Broadcaster'),
|
||||||
|
onChanged: (ClientRole? value)
|
||||||
|
{
|
||||||
|
setState(() {
|
||||||
|
_role=value;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
value: ClientRole.Broadcaster,
|
||||||
|
groupValue: _role,
|
||||||
|
),
|
||||||
|
RadioListTile(
|
||||||
|
title: const Text('Audience'),
|
||||||
|
onChanged: (ClientRole? value)
|
||||||
|
{
|
||||||
|
setState(() {
|
||||||
|
_role=value;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
value: ClientRole.Audience,
|
||||||
|
groupValue: _role,
|
||||||
|
),
|
||||||
|
ElevatedButton(
|
||||||
|
onPressed: onjoin,
|
||||||
|
child: const Text('Join'),
|
||||||
|
style: ElevatedButton.styleFrom(
|
||||||
|
minimumSize: const ui.Size(double.infinity, 40),
|
||||||
|
),
|
||||||
|
)
|
||||||
|
],
|
||||||
|
),
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
Future<void> onjoin() async {
|
||||||
|
setState(() {
|
||||||
|
_channelController.text.isEmpty
|
||||||
|
? _validateError=true:
|
||||||
|
_validateError=false; // This line doesn't actually update any state
|
||||||
|
});
|
||||||
|
|
||||||
|
if(_channelController.text.isNotEmpty)
|
||||||
|
{
|
||||||
|
await _handlecameraAndMic(Permission.camera);
|
||||||
|
await _handlecameraAndMic(Permission.microphone);
|
||||||
|
await Navigator.push(
|
||||||
|
context,
|
||||||
|
MaterialPageRoute(
|
||||||
|
builder: (__) => CallPage(
|
||||||
|
channelName: _channelController.text, // Passes the text from _channelController as channelName
|
||||||
|
role: _role, // Passes the value of _role as role
|
||||||
|
),
|
||||||
|
),
|
||||||
|
);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Future <void> _handlecameraAndMic(Permission permission) async
|
||||||
|
{
|
||||||
|
final status=await permission.request();
|
||||||
|
log(status.toString());
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in new issue