Voice message: variable play back speed (#5121)

* Implement voice message variable playback speed * Move playback speed string to Untranslated https://github.com/element-hq/element-x-ios/pull/5121#discussion_r2822631371 * Address review feedback for voice message playback speed - Persist voice message playback speed as an enum in AppSettings instead of storing an index. - Update playback speed cycling to derive from enum allCases and safely fall back to `.default` if the stored value cannot be resolved. - Apply runtime speed updates in AudioPlayer only when the player is in the `.playing` state. - Keep MediaPlayerProviderTests formatting/indentation style intact while retaining mock playback speed setup. - Regenerate preview snapshots for: - PlaybackSpeedButton - VoiceMessageRoomPlaybackView - VoiceMessageRoomTimelineView * Move VoiceMessagePlaybackSpeed outside AppSettings, remove speedRatio * Stabilize PlaybackSpeedButton width * Sync voice-message speed label - Add voiceMessagePlaybackSpeed to TimelineViewState and bind it from appSettings.$voiceMessagePlaybackSpeed. - Pass that timeline-level speed into VoiceMessageRoomPlaybackView and use it for PlaybackSpeedButton, so labels update consistently across items. - Use @EnvironmentObject in VoiceMessageRoomTimelineContent so the view re-renders when timeline context state changes. - In WaveformInteractionModifier, add .allowsHitTesting(showCursor) to the cursor interaction view so hidden pre-playback cursor hit area does not steal taps from the speed button.
2026-11-02 21:33:26 +00:00 · 2026-02-19 14:02:26 +01:00
parent 7982aef855
commit 285f8b7834
33 changed files with 269 additions and 39 deletions
@@ -0,0 +1,53 @@
+//
+// Copyright 2025 Element Creations Ltd.
+//
+// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+// Please see LICENSE files in the repository root for full details.
+//
+
+import SwiftUI
+
+struct PlaybackSpeedButton: View {
+    let speed: Float
+    let onTap: () -> Void
+
+    var body: some View {
+        Button(action: onTap) {
+            ZStack {
+                Text("0.0x")
+                    .font(.compound.bodyXSSemibold)
+                    .hidden()
+
+                Text(speedLabel)
+                    .font(.compound.bodyXSSemibold)
+                    .foregroundColor(.compound.iconSecondary)
+            }
+            .padding(.horizontal, 8)
+            .padding(.vertical, 2)
+            .background(.compound.bgCanvasDefault, in: RoundedRectangle(cornerRadius: 12))
+        }
+        .buttonStyle(.plain)
+        .accessibilityLabel(UntranslatedL10n.a11yPlaybackSpeed(speedLabel))
+    }
+
+    private var speedLabel: String {
+        if speed == Float(Int(speed)) {
+            "\(Int(speed))x"
+        } else {
+            String(format: "%gx", speed)
+        }
+    }
+}
+
+struct PlaybackSpeedButton_Previews: PreviewProvider, TestablePreview {
+    static var previews: some View {
+        HStack(spacing: 8) {
+            PlaybackSpeedButton(speed: 0.5) { }
+            PlaybackSpeedButton(speed: 1.0) { }
+            PlaybackSpeedButton(speed: 1.5) { }
+            PlaybackSpeedButton(speed: 2.0) { }
+        }
+        .padding()
+        .background(Color.gray)
+    }
+}