EnableX_UiKit_Flutter
EnableX introduces Video UI Kit to help integrating EnableX Video quickly into your App. EnableX Video UIKit is a wonderful Framework for Video Application Development for Mobile Platforms (Phone, Tab etc.) with many customization options to meet your requirement.
You code less, only 3 lines of Code does all the magic of getting a video communication done. Thus, using UIKit helps you get a seamless Video UI with all Device Support in almost 95% reduced effort and time.
Usage
To use this plugin, add enx_uikit_flutter
as a dependency in your pubspec.yaml file.
Getting Started
..
class VideoCall extends StatelessWidget{
String token;
VideoCall(this.token, {Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
// TODO: implement build
var setting = EnxSetting.instance;
setting.createBottomOption(BottomOption.audio);
setting.createBottomOption(BottomOption.video);
setting.createBottomOption(BottomOption.groupChat);
setting.createBottomOption(BottomOption.disconnect);
setting.createBottomOption(BottomOption.cameraSwitch);
setting.createTopOption(TopOption.userList);
setting.createTopOption(TopOption.requestFloor);
setting.createTopOption(TopOption.menu);
return Scaffold(
body: SafeArea(child: Stack(children: [
EnxVideoView(token: token, connectError: (Map<dynamic, dynamic> map) {
print('connectError' + jsonEncode(map));
},
disconnect: (Map<dynamic, dynamic> map) {
print('connectError' + jsonEncode(map));
}, ),
],),),
);
}
}
..
Device Permissions
You require a physical Device to run the application as a simulator/emulator does not support playing video or publishing a local Stream.
EnableX Video SDK requires camera and microphone permission to start video call. Learn how to add Device Permissions in Android and iOS platforms as shown below:
Android
Open the AndroidManifest.xml file and add the required device permissions.
..
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
..
iOS
Open the info.plist file and add:
- Privacy - Microphone Usage Description and add a note in the Value column.
- Privacy - Camera Usage Description and add a note in the Value column.
Your application can still run the voice call when it is switched to the background if the background mode is enabled. Select the app target in Xcode, click the Capabilities tab, enable Background Modes, and check Audio, AirPlay, and Picture in Picture.
Black Screen Issue in iOS
EnableX Video SDK uses PlatformView
so you need to set io.flutter.embedded_views_preview
to YES
in your info.plist to avoid the black screen issue.
Libraries
- controller/enx_controller
- dragablewidget/anchor_docker
- dragablewidget/dragable_widget
- enx_uikit_flutter
- models/active_talker
- models/chat_list_model
- models/ChatModel
- models/enx_send_user_data_model
- models/floor_request_model
- models/lobby_model
- models/media_devices_model
- models/more_model
- models/setting_model
- models/setting_model_list
- models/user_list_model
- models/user_model
- screens/app_bar
- screens/chat_ui
- screens/floating_layout
- screens/grid_layout
- screens/participants_list_new
- screens/setting_ui
- utilities/color
- utilities/custom_dialog
- utilities/enx_setting
- utilities/enx_setting_observer
- utilities/request
- utilities/utils
- widgets/blink_icon
- widgets/circle
- widgets/confirmation_screen
- widgets/enx_loader
- widgets/leave_meeting_dialog
- widgets/lobby_ui
- widgets/more_widget
- widgets/request_dialog
- widgets/room_setting_ui
- widgets/switch_audio_widget