✨ Call join

2024-04-27 13:12:26 +08:00
parent 15c8c0fe8f
commit 7ac5c651aa
24 changed files with 1801 additions and 34 deletions
--- a/lib/widgets/chat/call/participant_info.dart
+++ b/lib/widgets/chat/call/participant_info.dart
@@ -0,0 +1,79 @@
+import 'package:flutter/material.dart';
+import 'package:livekit_client/livekit_client.dart';
+
+class ParticipantInfoWidget extends StatelessWidget {
+  final String? title;
+  final bool audioAvailable;
+  final ConnectionQuality connectionQuality;
+  final bool isScreenShare;
+  final bool enabledE2EE;
+
+  const ParticipantInfoWidget({
+    super.key,
+    this.title,
+    this.audioAvailable = true,
+    this.connectionQuality = ConnectionQuality.unknown,
+    this.isScreenShare = false,
+    this.enabledE2EE = false,
+  });
+
+  @override
+  Widget build(BuildContext context) => Container(
+        color: Colors.black.withOpacity(0.3),
+        padding: const EdgeInsets.symmetric(
+          vertical: 7,
+          horizontal: 10,
+        ),
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.end,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            if (title != null)
+              Flexible(
+                child: Text(
+                  title!,
+                  overflow: TextOverflow.ellipsis,
+                ),
+              ),
+            isScreenShare
+                ? const Padding(
+                    padding: EdgeInsets.only(left: 5),
+                    child: Icon(
+                      Icons.monitor,
+                      color: Colors.white,
+                      size: 16,
+                    ),
+                  )
+                : Padding(
+                    padding: const EdgeInsets.only(left: 5),
+                    child: Icon(
+                      audioAvailable ? Icons.mic : Icons.mic_off,
+                      color: audioAvailable ? Colors.white : Colors.red,
+                      size: 16,
+                    ),
+                  ),
+            if (connectionQuality != ConnectionQuality.unknown)
+              Padding(
+                padding: const EdgeInsets.only(left: 5),
+                child: Icon(
+                  connectionQuality == ConnectionQuality.poor ? Icons.wifi_off_outlined : Icons.wifi,
+                  color: {
+                    ConnectionQuality.excellent: Colors.green,
+                    ConnectionQuality.good: Colors.orange,
+                    ConnectionQuality.poor: Colors.red,
+                  }[connectionQuality],
+                  size: 16,
+                ),
+              ),
+            Padding(
+              padding: const EdgeInsets.only(left: 5),
+              child: Icon(
+                enabledE2EE ? Icons.lock : Icons.lock_open,
+                color: enabledE2EE ? Colors.green : Colors.red,
+                size: 16,
+              ),
+            ),
+          ],
+        ),
+      );
+}