VoiceBroadcast: Be able to pause the playback when it is buffering

Riot/Assets/Images.xcassets/VoiceBroadcast/voice_broadcast_spinner.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "voice_broadcast_spinner.svg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Riot/Assets/en.lproj/Vector.strings

@@ -2203,6 +2203,7 @@ Tap the + to start adding people.";
 "voice_broadcast_live" = "Live";
 "voice_broadcast_tile" = "Voice broadcast";
 "voice_broadcast_time_left" = "%@ left";
+"voice_broadcast_buffering" = "Buffering...";
 
 // Mark: - Version check
 

Riot/Generated/Images.swift

@@ -344,6 +344,7 @@ internal class Asset: NSObject {
     internal static let voiceBroadcastPlay = ImageAsset(name: "voice_broadcast_play")
     internal static let voiceBroadcastRecord = ImageAsset(name: "voice_broadcast_record")
     internal static let voiceBroadcastRecordPause = ImageAsset(name: "voice_broadcast_record_pause")
+    internal static let voiceBroadcastSpinner = ImageAsset(name: "voice_broadcast_spinner")
     internal static let voiceBroadcastStop = ImageAsset(name: "voice_broadcast_stop")
     internal static let voiceBroadcastTileLive = ImageAsset(name: "voice_broadcast_tile_live")
     internal static let voiceBroadcastTileMic = ImageAsset(name: "voice_broadcast_tile_mic")

Riot/Generated/Strings.swift

@@ -9139,6 +9139,10 @@ public class VectorL10n: NSObject {
   public static var voiceBroadcastBlockedBySomeoneElseMessage: String { 
     return VectorL10n.tr("Vector", "voice_broadcast_blocked_by_someone_else_message") 
   }
+  /// Buffering...
+  public static var voiceBroadcastBuffering: String { 
+    return VectorL10n.tr("Vector", "voice_broadcast_buffering") 
+  }
   /// Live
   public static var voiceBroadcastLive: String { 
     return VectorL10n.tr("Vector", "voice_broadcast_live") 

RiotSwiftUI/Modules/Room/VoiceBroadcastPlayback/MatrixSDK/VoiceBroadcastPlaybackViewModel.swift

@@ -137,6 +137,9 @@ class VoiceBroadcastPlaybackViewModel: VoiceBroadcastPlaybackViewModelType, Voic
 
         if let audioPlayer = audioPlayer, audioPlayer.isPlaying {
             audioPlayer.pause()
+        } else {
+            state.playbackState = .paused
+            state.playingState.isLive = false
         }
     }
 
@@ -380,7 +383,7 @@ extension VoiceBroadcastPlaybackViewModel: VoiceBroadcastAggregatorDelegate {
 
         updateDuration()
 
-        if state.playbackState != .stopped {
+        if state.playbackState != .stopped, (state.playbackState != .paused && isActuallyPaused == true) {
             handleVoiceBroadcastChunksProcessing()
         }
     }

RiotSwiftUI/Modules/Room/VoiceBroadcastPlayback/View/VoiceBroadcastPlaybackView.swift

@@ -30,6 +30,7 @@ struct VoiceBroadcastPlaybackView: View {
     // MARK: Private
 
     @Environment(\.theme) private var theme: ThemeSwiftUI
+    @State private var bufferingSpinnerRotationValue = 0.0
 
     private var backgroundColor: Color {
         if viewModel.viewState.playingState.isLive {
@@ -61,12 +62,33 @@ struct VoiceBroadcastPlaybackView: View {
                     } icon: {
                         Image(uiImage: Asset.Images.voiceBroadcastTileMic.image)
                     }
-                    Label {
-                        Text(VectorL10n.voiceBroadcastTile)
-                            .foregroundColor(theme.colors.secondaryContent)
-                            .font(theme.fonts.caption1)
-                    } icon: {
-                        Image(uiImage: Asset.Images.voiceBroadcastTileLive.image)
+                    if viewModel.viewState.playbackState != .buffering {
+                        Label {
+                            Text(VectorL10n.voiceBroadcastTile)
+                                .foregroundColor(theme.colors.secondaryContent)
+                                .font(theme.fonts.caption1)
+                        } icon: {
+                            Image(uiImage: Asset.Images.voiceBroadcastTileLive.image)
+                        }
+                    } else {
+                        Label {
+                            Text(VectorL10n.voiceBroadcastBuffering)
+                                .foregroundColor(theme.colors.secondaryContent)
+                                .font(theme.fonts.caption1)
+                        } icon: {
+                            Image(uiImage: Asset.Images.voiceBroadcastSpinner.image)
+                                .frame(width: 16.0, height: 16.0)
+                                .rotationEffect(Angle.degrees(bufferingSpinnerRotationValue))
+                                .onAppear {
+                                    let baseAnimation = Animation.linear(duration: 1.0).repeatForever(autoreverses: false)
+                                    withAnimation(baseAnimation) {
+                                        bufferingSpinnerRotationValue = 360.0
+                                    }
+                                }
+                                .onDisappear {
+                                    bufferingSpinnerRotationValue = 0.0
+                                }
+                        }
                     }
                 }.frame(maxWidth: .infinity, alignment: .leading)
 
@@ -89,13 +111,13 @@ struct VoiceBroadcastPlaybackView: View {
                 VoiceBroadcastPlaybackErrorView()
             } else {
                 ZStack {
-                    if viewModel.viewState.playbackState == .playing {
+                    if viewModel.viewState.playbackState == .playing || viewModel.viewState.playbackState == .buffering {
                         Button { viewModel.send(viewAction: .pause) } label: {
                             Image(uiImage: Asset.Images.voiceBroadcastPause.image)
                                 .renderingMode(.original)
                         }
                         .accessibilityIdentifier("pauseButton")
-                    } else  {
+                    } else {
                         Button { viewModel.send(viewAction: .play) } label: {
                             Image(uiImage: Asset.Images.voiceBroadcastPlay.image)
                                 .renderingMode(.original)
@@ -104,7 +126,6 @@ struct VoiceBroadcastPlaybackView: View {
                         .accessibilityIdentifier("playButton")
                     }
                 }
-                .activityIndicator(show: viewModel.viewState.playbackState == .buffering)
             }
 
             Slider(value: $viewModel.progress, in: 0...viewModel.viewState.playingState.duration) {

changelog.d/pr-7125.change

@@ -0,0 +1 @@
+Labs: VoiceBroadcast: Be able to pause the playback when it is buffering