🐛 Fix background mode usability

android/app/src/main/AndroidManifest.xml

@@ -1,7 +1,17 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
+    <uses-feature android:name="android.hardware.camera" />
+    <uses-feature android:name="android.hardware.camera.autofocus" />
     <uses-permission android:name="android.permission.WAKE_LOCK" />
-    <uses-permission android:name="android.permission.FOREGROUND_SERVICE"/>
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
     <uses-permission android:name="android.permission.REQUEST_IGNORE_BATTERY_OPTIMIZATIONS" />
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.CHANGE_NETWORK_STATE" />
+    <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
+    <uses-permission android:name="android.permission.BLUETOOTH" android:maxSdkVersion="30" />
+    <uses-permission android:name="android.permission.BLUETOOTH_CONNECT" />
+    <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" android:maxSdkVersion="30" />
 
     <application
         android:label="Solian"
@@ -20,12 +30,12 @@
                  while the Flutter UI initializes. After that, this theme continues
                  to determine the Window background behind the Flutter UI. -->
             <meta-data
-              android:name="io.flutter.embedding.android.NormalTheme"
-              android:resource="@style/NormalTheme"
-              />
+                android:name="io.flutter.embedding.android.NormalTheme"
+                android:resource="@style/NormalTheme"
+            />
             <intent-filter>
-                <action android:name="android.intent.action.MAIN"/>
-                <category android:name="android.intent.category.LAUNCHER"/>
+                <action android:name="android.intent.action.MAIN" />
+                <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
         <!-- Don't delete the meta-data below.
@@ -41,8 +51,8 @@
          In particular, this is used by the Flutter engine in io.flutter.plugin.text.ProcessTextPlugin. -->
     <queries>
         <intent>
-            <action android:name="android.intent.action.PROCESS_TEXT"/>
-            <data android:mimeType="text/plain"/>
+            <action android:name="android.intent.action.PROCESS_TEXT" />
+            <data android:mimeType="text/plain" />
         </intent>
     </queries>
-</manifest>
+</manifest>

ios/Runner.xcodeproj/project.pbxproj

@@ -510,6 +510,7 @@
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_TEAM = W7HPZ53V6B;
 				GENERATE_INFOPLIST_FILE = YES;
 				MARKETING_VERSION = 1.0;
 				PRODUCT_BUNDLE_IDENTIFIER = dev.solsynth.solian.RunnerTests;
@@ -528,6 +529,7 @@
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_TEAM = W7HPZ53V6B;
 				GENERATE_INFOPLIST_FILE = YES;
 				MARKETING_VERSION = 1.0;
 				PRODUCT_BUNDLE_IDENTIFIER = dev.solsynth.solian.RunnerTests;
@@ -544,6 +546,7 @@
 				BUNDLE_LOADER = "$(TEST_HOST)";
 				CODE_SIGN_STYLE = Automatic;
 				CURRENT_PROJECT_VERSION = 1;
+				DEVELOPMENT_TEAM = W7HPZ53V6B;
 				GENERATE_INFOPLIST_FILE = YES;
 				MARKETING_VERSION = 1.0;
 				PRODUCT_BUNDLE_IDENTIFIER = dev.solsynth.solian.RunnerTests;

ios/Runner/Base.lproj/Main.storyboard

@@ -1,8 +1,10 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="10117" systemVersion="15F34" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" initialViewController="BYZ-38-t0r">
+<?xml version="1.0" encoding="UTF-8"?>
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="32700.99.1234" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" colorMatched="YES" initialViewController="BYZ-38-t0r">
+    <device id="retina6_12" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="10085"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="22685"/>
+        <capability name="documents saved in the Xcode 8 format" minToolsVersion="8.0"/>
     </dependencies>
     <scenes>
         <!--Flutter View Controller-->
@@ -14,13 +16,14 @@
                         <viewControllerLayoutGuide type="bottom" id="wfy-db-euE"/>
                     </layoutGuides>
                     <view key="view" contentMode="scaleToFill" id="8bC-Xf-vdC">
-                        <rect key="frame" x="0.0" y="0.0" width="600" height="600"/>
+                        <rect key="frame" x="0.0" y="0.0" width="393" height="852"/>
                         <autoresizingMask key="autoresizingMask" widthSizable="YES" heightSizable="YES"/>
-                        <color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/>
+                        <color key="backgroundColor" red="1" green="1" blue="1" alpha="1" colorSpace="custom" customColorSpace="sRGB"/>
                     </view>
                 </viewController>
                 <placeholder placeholderIdentifier="IBFirstResponder" id="dkx-z0-nzr" sceneMemberID="firstResponder"/>
             </objects>
+            <point key="canvasLocation" x="-16" y="-40"/>
         </scene>
     </scenes>
 </document>

ios/Runner/Info.plist

@@ -2,8 +2,6 @@
 <!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
 <plist version="1.0">
 <dict>
-	<key>ITSAppUsesNonExemptEncryption</key>
-	<false/>
 	<key>CADisableMinimumFrameDurationOnPhone</key>
 	<true/>
 	<key>CFBundleDevelopmentRegion</key>
@@ -26,6 +24,8 @@
 	<string>????</string>
 	<key>CFBundleVersion</key>
 	<string>$(FLUTTER_BUILD_NUMBER)</string>
+	<key>ITSAppUsesNonExemptEncryption</key>
+	<false/>
 	<key>LSRequiresIPhoneOS</key>
 	<true/>
 	<key>NSCameraUsageDescription</key>
@@ -36,6 +36,13 @@
 	<string>Allow you add photo to your message or post</string>
 	<key>UIApplicationSupportsIndirectInputEvents</key>
 	<true/>
+	<key>UIBackgroundModes</key>
+	<array>
+		<string>audio</string>
+		<string>fetch</string>
+		<string>remote-notification</string>
+		<string>voip</string>
+	</array>
 	<key>UILaunchStoryboardName</key>
 	<string>LaunchScreen</string>
 	<key>UIMainStoryboardFile</key>

lib/screens/channel/call/call.dart

@@ -1,3 +1,4 @@
+import 'dart:async';
 import 'dart:math' as math;
 
 import 'package:flutter/material.dart';
@@ -5,6 +6,7 @@ import 'package:get/get.dart';
 import 'package:solian/providers/content/call.dart';
 import 'package:solian/widgets/chat/call/call_controls.dart';
 import 'package:solian/widgets/chat/call/call_participant.dart';
+import 'package:solian/widgets/prev_page.dart';
 
 class CallScreen extends StatefulWidget {
   const CallScreen({super.key});
@@ -14,6 +16,24 @@ class CallScreen extends StatefulWidget {
 }
 
 class _CallScreenState extends State<CallScreen> {
+  String parseDuration() {
+    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))}";
+
+    Timer.periodic(const Duration(seconds: 1), (_) {
+      setState(() {});
+    });
+
+    return formattedTime;
+  }
+
   @override
   void initState() {
     Get.find<ChatCallProvider>().setupRoom();
@@ -26,73 +46,92 @@ class _CallScreenState extends State<CallScreen> {
 
     return Material(
       color: Theme.of(context).colorScheme.surface,
-      child: SafeArea(
-        top: false,
-        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(),
-                    ),
-                  ),
-                  if (provider.room.localParticipant != null)
-                    ControlsWidget(
-                      provider.room,
-                      provider.room.localParticipant!,
-                    ),
-                ],
+      child: Scaffold(
+        appBar: AppBar(
+          title: RichText(
+            textAlign: TextAlign.center,
+            text: TextSpan(children: [
+              TextSpan(
+                text: 'call'.tr,
+                style: Theme.of(context).textTheme.titleLarge,
               ),
-              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();
-                      }
+              const TextSpan(text: "\n"),
+              TextSpan(
+                text: parseDuration(),
+                style: Theme.of(context).textTheme.bodySmall,
+              ),
+            ]),
+          ),
+          leading: const PrevPageButton(),
+        ),
+        body: SafeArea(
+          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(),
+                      ),
+                    ),
+                    if (provider.room.localParticipant != null)
+                      ControlsWidget(
+                        provider.room,
+                        provider.room.localParticipant!,
+                      ),
+                  ],
+                ),
+                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);
-                              }
-                            },
+                        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);
+                                }
+                              },
+                            ),
                           ),
-                        ),
-                      );
-                    },
+                        );
+                      },
+                    ),
                   ),
                 ),
-              ),
-            ],
+              ],
+            ),
           ),
         ),
       ),

lib/translations.dart

@@ -153,6 +153,7 @@ class SolianMessages extends Translations {
           'messageDeletionConfirm': 'Confirm message deletion',
           'messageDeletionConfirmCaption':
               'Are your sure to delete message @id? This action cannot be undone!',
+          'call': 'Call',
           'callOngoing': 'A call is ongoing...',
           'callJoin': 'Join',
           'callResume': 'Resume',
@@ -322,6 +323,7 @@ class SolianMessages extends Translations {
           'messageActionList': '消息的操作',
           'messageDeletionConfirm': '确认删除消息',
           'messageDeletionConfirmCaption': '你确定要删除消息 @id 吗？该操作不可撤销。',
+          'call': '通话',
           'callOngoing': '一则通话正在进行中…',
           'callJoin': '加入',
           'callResume': '恢复',

lib/widgets/attachments/attachment_list.dart

@@ -91,6 +91,7 @@ class _AttachmentListState extends State<AttachmentList> {
   @override
   void initState() {
     super.initState();
+
     getMetadataList();
   }