🐛 Fixes of videos and more

lib/pods/call.dart

@@ -1,4 +1,5 @@
 import 'dart:async';
+import 'dart:developer';
 import 'package:island/widgets/chat/call_button.dart';
 import 'package:livekit_client/livekit_client.dart';
 import 'package:freezed_annotation/freezed_annotation.dart';
@@ -203,7 +204,13 @@ class CallNotifier extends _$CallNotifier {
 
   Future<void> joinRoom(String roomId) async {
     if (_roomId == roomId && _room != null) {
+      log('[Call] Call skipped. Already has data');
       return;
+    } else if (_room != null) {
+      if (!_room!.isDisposed &&
+          _room!.connectionState != ConnectionState.disconnected) {
+        throw Exception('Call already connected');
+      }
     }
     _roomId = roomId;
     if (_room != null) {
@@ -335,5 +342,6 @@ class CallNotifier extends _$CallNotifier {
     _room?.removeListener(_onRoomChange);
     _room?.dispose();
     _durationTimer?.cancel();
+    _roomId = null;
   }
 }

lib/screens/chat/call.dart

@@ -1,3 +1,5 @@
+import 'dart:developer';
+
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
@@ -8,6 +10,7 @@ import 'package:island/widgets/app_scaffold.dart';
 import 'package:island/widgets/chat/call_button.dart';
 import 'package:island/widgets/chat/call_overlay.dart';
 import 'package:island/widgets/chat/call_participant_tile.dart';
+import 'package:island/widgets/alert.dart';
 import 'package:livekit_client/livekit_client.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:styled_widget/styled_widget.dart';
@@ -23,7 +26,19 @@ class CallScreen extends HookConsumerWidget {
     final callNotifier = ref.watch(callNotifierProvider.notifier);
 
     useEffect(() {
-      callNotifier.joinRoom(roomId);
+      log('[Call] Joining the call...');
+      callNotifier.joinRoom(roomId).catchError((_) {
+        showConfirmAlert(
+          'Seems there already has a call connected, do you want override it?',
+          'Call already connected',
+        ).then((value) {
+          if (value != true) return;
+          log('[Call] Joining the call... with overrides');
+          callNotifier.disconnect();
+          callNotifier.dispose();
+          callNotifier.joinRoom(roomId);
+        });
+      });
       return null;
     }, []);
 

lib/widgets/chat/call_overlay.dart

@@ -63,41 +63,44 @@ class CallControlsBar extends HookConsumerWidget {
                   isScrollControlled: true,
                   useRootNavigator: true,
                   builder:
-                      (context) => ClipRRect(
-                        borderRadius: BorderRadius.only(
-                          topLeft: Radius.circular(8),
-                          topRight: Radius.circular(8),
-                        ),
-                        child: Column(
-                          mainAxisSize: MainAxisSize.min,
-                          children: [
-                            ListTile(
-                              leading: const Icon(Symbols.logout, fill: 1),
-                              title: Text('callLeave').tr(),
-                              onTap: () {
-                                callNotifier.disconnect();
-                                GoRouter.of(context).pop();
-                              },
-                            ),
-                            ListTile(
-                              leading: const Icon(Symbols.call_end, fill: 1),
-                              iconColor: Colors.red,
-                              title: Text('callEnd').tr(),
-                              onTap: () async {
-                                callNotifier.disconnect();
-                                final apiClient = ref.watch(apiClientProvider);
+                      (innerContext) => Column(
+                        mainAxisSize: MainAxisSize.min,
+                        children: [
+                          ListTile(
+                            leading: const Icon(Symbols.logout, fill: 1),
+                            title: Text('callLeave').tr(),
+                            onTap: () {
+                              callNotifier.disconnect();
+                              Navigator.of(context).pop();
+                              Navigator.of(innerContext).pop();
+                            },
+                          ),
+                          ListTile(
+                            leading: const Icon(Symbols.call_end, fill: 1),
+                            iconColor: Colors.red,
+                            title: Text('callEnd').tr(),
+                            onTap: () async {
+                              callNotifier.disconnect();
+                              final apiClient = ref.watch(apiClientProvider);
+                              try {
+                                showLoadingModal(context);
                                 await apiClient.delete(
                                   '/sphere/chat/realtime/${callNotifier.roomId}',
                                 );
                                 callNotifier.dispose();
                                 if (context.mounted) {
-                                  GoRouter.of(context).pop();
+                                  Navigator.of(context).pop();
+                                  Navigator.of(innerContext).pop();
                                 }
-                              },
-                            ),
-                            Gap(MediaQuery.of(context).padding.bottom),
-                          ],
-                        ),
+                              } catch (err) {
+                                showErrorAlert(err);
+                              } finally {
+                                if (context.mounted) hideLoadingModal(context);
+                              }
+                            },
+                          ),
+                          Gap(MediaQuery.of(context).padding.bottom),
+                        ],
                       ),
                 ),
             backgroundColor: const Color(0xFFE53E3E),

lib/widgets/content/video.web.dart

@@ -4,10 +4,12 @@ import 'package:flutter/material.dart';
 class UniversalVideo extends StatelessWidget {
   final String uri;
   final double aspectRatio;
+  final bool autoplay;
   const UniversalVideo({
     super.key,
     required this.uri,
     required this.aspectRatio,
+    this.autoplay = false,
   });
 
   @override