Solian/lib/screens/channel/call/call.dart

227 lines
7.1 KiB
Dart
Raw Normal View History

2024-06-02 07:08:11 +00:00
import 'dart:async';
2024-06-01 12:18:25 +00:00
import 'dart:math' as math;
import 'package:async/async.dart';
2024-06-01 12:18:25 +00:00
import 'package:flutter/material.dart';
import 'package:get/get.dart';
2024-07-23 17:17:41 +00:00
import 'package:solian/providers/call.dart';
2024-06-22 15:59:11 +00:00
import 'package:solian/theme.dart';
import 'package:solian/widgets/app_bar_leading.dart';
2024-06-01 12:18:25 +00:00
import 'package:solian/widgets/chat/call/call_controls.dart';
import 'package:solian/widgets/chat/call/call_participant.dart';
class CallScreen extends StatefulWidget {
const CallScreen({super.key});
@override
State<CallScreen> createState() => _CallScreenState();
}
class _CallScreenState extends State<CallScreen> with TickerProviderStateMixin {
Timer? _timer;
String _currentDuration = '00:00:00';
2024-06-02 07:43:42 +00:00
bool _showControls = true;
CancelableOperation? _hideControlsOperation;
late final AnimationController _controlsAnimationController =
AnimationController(
duration: const Duration(milliseconds: 500),
vsync: this,
);
late final Animation<double> _controlsAnimation = CurvedAnimation(
parent: _controlsAnimationController,
curve: Curves.fastOutSlowIn,
);
String _parseDuration() {
2024-06-02 07:08:11 +00:00
final ChatCallProvider provider = Get.find();
if (provider.current.value == null) return '00:00:00';
Duration duration =
DateTime.now().difference(provider.current.value!.createdAt);
String twoDigits(int n) => n.toString().padLeft(2, '0');
String formattedTime = '${twoDigits(duration.inHours)}:'
'${twoDigits(duration.inMinutes.remainder(60))}:'
'${twoDigits(duration.inSeconds.remainder(60))}';
2024-06-02 07:08:11 +00:00
return formattedTime;
}
void _updateDuration() {
2024-06-02 07:43:42 +00:00
setState(() {
_currentDuration = _parseDuration();
2024-06-02 07:43:42 +00:00
});
}
void _toggleControls() {
if (_showControls) {
setState(() => _showControls = false);
_controlsAnimationController.animateTo(0);
_hideControlsOperation?.cancel();
} else {
setState(() => _showControls = true);
_controlsAnimationController.animateTo(1);
_planAutoHideControls();
}
}
void _planAutoHideControls() {
_hideControlsOperation = CancelableOperation.fromFuture(
Future.delayed(const Duration(seconds: 3), () {
if (!mounted) return;
if (_showControls) _toggleControls();
}),
);
}
2024-06-01 12:18:25 +00:00
@override
void initState() {
Get.find<ChatCallProvider>().setupRoom();
super.initState();
2024-06-02 07:43:42 +00:00
_updateDuration();
_planAutoHideControls();
_timer = Timer.periodic(
const Duration(seconds: 1),
(_) => _updateDuration(),
);
}
@override
void dispose() {
_controlsAnimationController.dispose();
super.dispose();
2024-06-01 12:18:25 +00:00
}
@override
Widget build(BuildContext context) {
final ChatCallProvider provider = Get.find();
return Material(
color: Theme.of(context).colorScheme.surface,
2024-06-02 07:08:11 +00:00
child: Scaffold(
appBar: AppBar(
2024-07-12 14:37:58 +00:00
leading: AppBarLeadingButton.adaptive(context),
2024-06-23 12:18:55 +00:00
centerTitle: true,
2024-06-22 15:59:11 +00:00
toolbarHeight: SolianTheme.toolbarHeight(context),
2024-06-02 07:08:11 +00:00
title: RichText(
textAlign: TextAlign.center,
text: TextSpan(children: [
TextSpan(
text: 'call'.tr,
style: Theme.of(context).textTheme.titleLarge,
),
const TextSpan(text: '\n'),
2024-06-02 07:08:11 +00:00
TextSpan(
text: _currentDuration,
2024-06-02 07:08:11 +00:00
style: Theme.of(context).textTheme.bodySmall,
2024-06-01 12:18:25 +00:00
),
2024-06-02 07:08:11 +00:00
]),
),
),
body: SafeArea(
child: GestureDetector(
behavior: HitTestBehavior.translucent,
child: Obx(
() => Stack(
children: [
Column(
children: [
Expanded(
child: Container(
color: Theme.of(context).colorScheme.surfaceContainer,
child: provider.focusTrack.value != null
? InteractiveParticipantWidget(
isFixed: false,
participant: provider.focusTrack.value!,
onTap: () {},
)
: const SizedBox(),
),
2024-06-02 07:08:11 +00:00
),
if (provider.room.localParticipant != null)
SizeTransition(
sizeFactor: _controlsAnimation,
axis: Axis.vertical,
child: SizedBox(
width: MediaQuery.of(context).size.width,
child: ControlsWidget(
provider.room,
provider.room.localParticipant!,
2024-06-02 07:08:11 +00:00
),
2024-06-01 12:18:25 +00:00
),
),
],
),
Positioned(
left: 0,
right: 0,
top: 0,
child: SizedBox(
height: 128,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount:
math.max(0, provider.participantTracks.length),
itemBuilder: (BuildContext context, int index) {
final track = provider.participantTracks[index];
if (track.participant.sid ==
provider.focusTrack.value?.participant.sid) {
return Container();
}
return Padding(
padding: const EdgeInsets.only(top: 8, left: 8),
child: ClipRRect(
borderRadius:
const BorderRadius.all(Radius.circular(8)),
child: InteractiveParticipantWidget(
isFixed: true,
width: 120,
height: 120,
color: Theme.of(context).cardColor,
participant: track,
onTap: () {
if (track.participant.sid !=
provider
.focusTrack.value?.participant.sid) {
provider.changeFocusTrack(track);
}
},
),
),
);
},
),
2024-06-02 07:08:11 +00:00
),
2024-06-01 12:18:25 +00:00
),
],
),
2024-06-02 07:08:11 +00:00
),
onTap: () {
_toggleControls();
},
2024-06-01 12:18:25 +00:00
),
),
),
);
}
2024-06-02 07:43:42 +00:00
@override
void deactivate() {
_timer?.cancel();
_timer = null;
2024-06-02 07:43:42 +00:00
super.deactivate();
}
@override
void activate() {
_timer ??= Timer.periodic(
2024-06-02 07:43:42 +00:00
const Duration(seconds: 1),
(_) => _updateDuration(),
2024-06-02 07:43:42 +00:00
);
super.activate();
}
2024-06-01 12:18:25 +00:00
}