♻️ Rebuild the call

2025-11-23 00:26:40 +08:00
parent 53f0dcb825
commit 3ad4bb4518
12 changed files with 525 additions and 193 deletions
--- a/lib/widgets/chat/call_content.dart
+++ b/lib/widgets/chat/call_content.dart
@@ -0,0 +1,77 @@
+import 'package:flutter/material.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:island/pods/chat/call.dart';
+import 'package:island/widgets/chat/call_participant_tile.dart';
+import 'package:livekit_client/livekit_client.dart';
+import 'package:styled_widget/styled_widget.dart';
+
+class CallContent extends HookConsumerWidget {
+  const CallContent({super.key});
+
+  @override
+  Widget build(BuildContext context, WidgetRef ref) {
+    final callState = ref.watch(callNotifierProvider);
+    final callNotifier = ref.watch(callNotifierProvider.notifier);
+
+    if (!callState.isConnected) {
+      return const Center(child: CircularProgressIndicator());
+    }
+    if (callNotifier.participants.isEmpty) {
+      return const Center(child: Text('No participants in call'));
+    }
+
+    final participants = callNotifier.participants;
+    final allAudioOnly = participants.every(
+      (p) =>
+          !(p.hasVideo &&
+              p.remoteParticipant.trackPublications.values.any(
+                (pub) =>
+                    pub.track != null &&
+                    pub.kind == TrackType.VIDEO &&
+                    !pub.muted &&
+                    !pub.isDisposed,
+              )),
+    );
+
+    if (allAudioOnly) {
+      // Audio-only: show avatars in a compact row
+      return Center(
+        child: SingleChildScrollView(
+          scrollDirection: Axis.horizontal,
+          child: Wrap(
+            crossAxisAlignment: WrapCrossAlignment.center,
+            alignment: WrapAlignment.center,
+            spacing: 8,
+            runSpacing: 8,
+            children: [
+              for (final live in participants)
+                SpeakingRippleAvatar(
+                  live: live,
+                  size: 72,
+                ).padding(horizontal: 4),
+            ],
+          ),
+        ),
+      );
+    }
+
+    // Stage view: show main speaker(s) large, others in row
+    final mainSpeakers =
+        participants
+            .where(
+              (p) => p.remoteParticipant.trackPublications.values.any(
+                (pub) => pub.track != null && pub.kind == TrackType.VIDEO,
+              ),
+            )
+            .toList();
+    if (mainSpeakers.isEmpty && participants.isNotEmpty) {
+      mainSpeakers.add(participants.first);
+    }
+    return Column(
+      children: [
+        for (final speaker in mainSpeakers)
+          Expanded(child: CallParticipantTile(live: speaker)),
+      ],
+    );
+  }
+}