hmssdk_flutter 0.7.3 
hmssdk_flutter: ^0.7.3 copied to clipboard
100ms.liveThe Flutter package for 100ms SDK. Video Conferencing infrastructure for a Video first world.
//Dart imports
import 'dart:async';
//Package imports
import 'package:firebase_core/firebase_core.dart';
import 'package:firebase_crashlytics/firebase_crashlytics.dart';
import 'package:flutter/material.dart';
import 'package:flutter_svg/svg.dart';
import 'package:google_fonts/google_fonts.dart';
import 'package:hmssdk_flutter_example/common/util/app_color.dart';
import 'package:hmssdk_flutter_example/common/util/utility_function.dart';
import 'package:hmssdk_flutter_example/qr_code_screen.dart';
import 'package:provider/provider.dart';
import 'package:wakelock/wakelock.dart';
import 'package:package_info_plus/package_info_plus.dart';
//Project imports
import 'package:hmssdk_flutter_example/meeting/hms_sdk_interactor.dart';
import 'package:hmssdk_flutter_example/meeting/meeting_page.dart';
import 'package:hmssdk_flutter_example/meeting/meeting_store.dart';
import 'package:hmssdk_flutter_example/preview/preview_store.dart';
import 'package:hmssdk_flutter_example/common/constant.dart';
import 'package:hmssdk_flutter_example/common/ui/organisms/user_name_dialog_organism.dart';
import 'package:hmssdk_flutter_example/enum/meeting_flow.dart';
import 'package:hmssdk_flutter_example/preview/preview_page.dart';
import './logs/custom_singleton_logger.dart';
void main() async {
WidgetsFlutterBinding.ensureInitialized();
await Firebase.initializeApp();
FirebaseCrashlytics.instance.setCrashlyticsCollectionEnabled(true);
Wakelock.enable();
Provider.debugCheckInvalidValueType = null;
runZonedGuarded(
() => runApp(HMSExampleApp()), FirebaseCrashlytics.instance.recordError);
}
class HMSExampleApp extends StatefulWidget {
HMSExampleApp({Key? key}) : super(key: key);
@override
_HMSExampleAppState createState() => _HMSExampleAppState();
static _HMSExampleAppState of(BuildContext context) =>
context.findAncestorStateOfType<_HMSExampleAppState>()!;
}
class _HMSExampleAppState extends State<HMSExampleApp> {
ThemeMode _themeMode = ThemeMode.dark;
bool isDarkMode =
WidgetsBinding.instance?.window.platformBrightness == Brightness.dark;
ThemeData _darkTheme = ThemeData(
brightness: Brightness.dark,
primaryColor: Color.fromARGB(255, 13, 107, 184),
backgroundColor: Colors.black,
scaffoldBackgroundColor: Colors.black);
ThemeData _lightTheme = ThemeData(
primaryColor: Color.fromARGB(255, 13, 107, 184),
brightness: Brightness.light,
scaffoldBackgroundColor: Colors.white,
backgroundColor: Colors.black,
dividerColor: Colors.white54,
);
@override
Widget build(BuildContext context) {
print("Current Mode is $isDarkMode");
print("${WidgetsBinding.instance?.window.platformBrightness}");
return MaterialApp(
home: HomePage(),
theme: _lightTheme,
darkTheme: _darkTheme,
themeMode: _themeMode,
);
}
void changeTheme(ThemeMode themeMode) {
setState(() {
_themeMode = themeMode;
isDarkMode = themeMode == ThemeMode.dark;
updateColor(_themeMode);
});
}
}
class HomePage extends StatefulWidget {
const HomePage({Key? key}) : super(key: key);
@override
_HomePageState createState() => _HomePageState();
}
class _HomePageState extends State<HomePage> {
TextEditingController roomIdController =
TextEditingController(text: Constant.defaultRoomID);
CustomLogger logger = CustomLogger();
bool skipPreview = false;
bool mirrorCamera = true;
bool showStats = false;
PackageInfo _packageInfo = PackageInfo(
appName: 'Unknown',
packageName: 'Unknown',
version: 'Unknown',
buildNumber: 'Unknown',
buildSignature: 'Unknown',
);
@override
void initState() {
super.initState();
logger.getCustomLogger();
_initPackageInfo();
}
Future<bool> _closeApp() {
CustomLogger.file?.delete();
return Future.value(true);
}
Future<void> _initPackageInfo() async {
final info = await PackageInfo.fromPlatform();
setState(() {
_packageInfo = info;
});
}
void handleClick(int value) {
switch (value) {
case 1:
skipPreview = !skipPreview;
break;
case 2:
mirrorCamera = !mirrorCamera;
break;
case 3:
showStats = !showStats;
break;
case 4:
break;
}
}
@override
Widget build(BuildContext context) {
bool isDarkMode = HMSExampleApp.of(context).isDarkMode;
double width = MediaQuery.of(context).size.width;
double height = MediaQuery.of(context).size.height;
return WillPopScope(
onWillPop: _closeApp,
child: SafeArea(
child: Scaffold(
// appBar: AppBar(
// backgroundColor: isDarkMode ? Colors.black : Colors.white,
// elevation: 0,
// title: Text(
// '100ms',
// style: GoogleFonts.inter(color: iconColor),
// ),
// actions: [
// IconButton(
// onPressed: () {
// if (isDarkMode) {
// HMSExampleApp.of(context).changeTheme(ThemeMode.light);
// } else {
// HMSExampleApp.of(context).changeTheme(ThemeMode.dark);
// }
// },
// icon: isDarkMode
// ? SvgPicture.asset(
// 'assets/icons/light_mode.svg',
// color: iconColor,
// )
// : SvgPicture.asset(
// 'assets/icons/dark_mode.svg',
// color: iconColor,
// )),
// PopupMenuButton<int>(
// onSelected: handleClick,
// icon: SvgPicture.asset(
// 'assets/icons/settings.svg',
// color: iconColor,
// ),
// itemBuilder: (BuildContext context) {
// return [
// PopupMenuItem(
// child: Row(
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
// children: [
// if (skipPreview)
// Text("Enable Preview",
// style: GoogleFonts.inter(color: iconColor))
// else
// Text(
// "Disable Preview",
// style: GoogleFonts.inter(color: Colors.blue),
// ),
// if (skipPreview)
// SvgPicture.asset(
// 'assets/icons/preview_state_on.svg',
// color: iconColor)
// else
// SvgPicture.asset(
// 'assets/icons/preview_state_off.svg',
// color: Colors.blue,
// ),
// ],
// ),
// value: 1,
// ),
// PopupMenuItem(
// child: Row(
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
// children: [
// if (mirrorCamera)
// Text("Disable Mirroring",
// style: GoogleFonts.inter(color: Colors.blue))
// else
// Text(
// "Enable Mirroring",
// style: GoogleFonts.inter(color: iconColor),
// ),
// Icon(
// Icons.camera_front,
// color: mirrorCamera ? Colors.blue : iconColor,
// ),
// ],
// ),
// value: 2,
// ),
// PopupMenuItem(
// child: Row(
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
// children: [
// if (showStats)
// Text("Disable Stats",
// style: GoogleFonts.inter(color: Colors.blue))
// else
// Text(
// "Enable Stats",
// style: GoogleFonts.inter(color: iconColor),
// ),
// SvgPicture.asset(
// 'assets/icons/stats.svg',
// color: showStats ? Colors.blue : iconColor,
// ),
// ],
// ),
// value: 3,
// ),
// PopupMenuItem(
// child: Row(
// mainAxisAlignment: MainAxisAlignment.spaceBetween,
// children: [
// Text("Version ${_packageInfo.version}",
// style: GoogleFonts.inter(color: iconColor)),
// ],
// ),
// value: 4,
// ),
// ];
// },
// ),
// ],
// ),
body: Center(
child: SingleChildScrollView(
child: Column(
children: [
SvgPicture.asset(
'assets/welcome.svg',
width: width * 0.95,
),
SizedBox(
height: 20,
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 18),
child: Text('Experience the power of 100ms',
textAlign: TextAlign.center,
style: GoogleFonts.inter(
color: defaultColor,
height: 1.5,
fontSize: 34,
fontWeight: FontWeight.w600)),
),
SizedBox(
height: 10,
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 27),
child: Text(
'Jump right in by pasting a room link or\n scanning a QR code',
textAlign: TextAlign.center,
style: GoogleFonts.inter(
color: subHeadingColor,
height: 1.5,
fontSize: 16,
fontWeight: FontWeight.w400)),
),
SizedBox(
height: 15,
),
Padding(
padding:
const EdgeInsets.symmetric(horizontal: 14, vertical: 8),
child: Row(
children: [
Text("Joining Link",
style: GoogleFonts.inter(
color: defaultColor,
height: 1.5,
fontSize: 14,
fontWeight: FontWeight.w400)),
],
),
),
SizedBox(
width: width * 0.95,
child: TextField(
style: GoogleFonts.inter(),
controller: roomIdController,
keyboardType: TextInputType.url,
decoration: InputDecoration(
contentPadding:
EdgeInsets.symmetric(vertical: 14, horizontal: 16),
fillColor: surfaceColor,
filled: true,
hintText: 'Paste the link here',
hintStyle: GoogleFonts.inter(
color: hintColor,
height: 1.5,
fontSize: 16,
fontWeight: FontWeight.w400),
suffixIcon: IconButton(
onPressed: roomIdController.clear,
icon: Icon(Icons.clear),
),
enabledBorder: OutlineInputBorder(
borderSide:
BorderSide(color: borderColor, width: 1),
borderRadius: BorderRadius.all(Radius.circular(8))),
border: OutlineInputBorder(
borderRadius:
BorderRadius.all(Radius.circular(8)))),
),
),
SizedBox(
height: 16,
),
SizedBox(
width: width * 0.95,
child: ValueListenableBuilder<TextEditingValue>(
valueListenable: roomIdController,
builder: (context, value, child) {
return ElevatedButton(
style: ButtonStyle(
shadowColor:
MaterialStateProperty.all(surfaceColor),
backgroundColor: roomIdController.text.isEmpty
? MaterialStateProperty.all(surfaceColor)
: MaterialStateProperty.all(Colors.blue),
shape: MaterialStateProperty.all<
RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
))),
onPressed: () async {
if (roomIdController.text.isEmpty) {
return;
}
Utilities.setRTMPUrl(roomIdController.text);
String user = await showDialog(
context: context,
builder: (_) => UserNameDialogOrganism());
if (user.isNotEmpty) {
bool res = await Utilities.getPermissions();
if (res) {
FocusManager.instance.primaryFocus?.unfocus();
if (skipPreview) {
HMSSDKInteractor _hmsSDKInteractor =
HMSSDKInteractor();
_hmsSDKInteractor.showStats = showStats;
_hmsSDKInteractor.mirrorCamera = mirrorCamera;
_hmsSDKInteractor.skipPreview = true;
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => ListenableProvider.value(
value: MeetingStore(
hmsSDKInteractor:
_hmsSDKInteractor),
child: MeetingPage(
roomId:
roomIdController.text.trim(),
flow: MeetingFlow.join,
user: user,
isAudioOn: true))));
} else {
Navigator.of(context).push(MaterialPageRoute(
builder: (_) => ListenableProvider.value(
value: PreviewStore(),
child: PreviewPage(
roomId:
roomIdController.text.trim(),
user: user,
flow: MeetingFlow.join,
mirror: mirrorCamera,
showStats: showStats,
),
)));
}
}
}
},
child: Container(
padding: const EdgeInsets.fromLTRB(8, 16, 8, 16),
decoration: BoxDecoration(
borderRadius:
BorderRadius.all(Radius.circular(8))),
child: Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text('Join Now',
style: GoogleFonts.inter(
color: roomIdController.text.isEmpty
? disabledTextColor
: enabledTextColor,
height: 1,
fontSize: 16,
fontWeight: FontWeight.w600)),
],
),
),
);
}),
),
SizedBox(
height: 20,
),
SizedBox(
width: width * 0.95,
child: Divider(
height: 5,
color: dividerColor,
)),
SizedBox(
height: 20,
),
SizedBox(
width: width * 0.95,
child: ElevatedButton(
style: ButtonStyle(
shadowColor: MaterialStateProperty.all(Colors.blue),
shape:
MaterialStateProperty.all<RoundedRectangleBorder>(
RoundedRectangleBorder(
borderRadius: BorderRadius.circular(8.0),
))),
onPressed: () async {
bool res = await Utilities.getCameraPermissions();
if (res) {
Navigator.push(context,
MaterialPageRoute(builder: (_) => QRCodeScreen()));
}
},
child: Container(
padding: const EdgeInsets.fromLTRB(16, 12, 16, 12),
decoration: BoxDecoration(
borderRadius: BorderRadius.all(Radius.circular(8))),
child: Row(
mainAxisSize: MainAxisSize.min,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Icon(
Icons.qr_code,
size: 22,
color: enabledTextColor,
),
SizedBox(
width: 5,
),
Text('Scan QR Code',
style: GoogleFonts.inter(
height: 1,
fontSize: 16,
fontWeight: FontWeight.w600,
color: enabledTextColor)),
],
),
),
),
),
],
),
),
)),
),
);
}
}Metadata
117
likes
0
pub points
90%
popularity
Publisher
Metadata
The Flutter package for 100ms SDK. Video Conferencing infrastructure for a Video first world.
Homepage
Repository (GitHub)
View/report issues
Documentation
License
unknown (license)
