[Story] Scrub the playback position of a voice message

[jonnyandrew]

Description

• As a user
• I want to scrub the playback position of a voice message
• So that I can quickly rewind or skip to a different playback position

Acceptance criteria

• Playback position indicator displays when playing or paused
• Tapping the player moves the playback position
• Works in the timeline for received messages
• Works in the preview player for recorded messages

Detailed green cursor (a.k.a 'scrubber') behaviour

• The cursor does not display initially.
• If the cursor is not already displayed:
  • dragging the waveform does not make the cursor appear;
  • tapping the waveform does make the cursor appear; and
  • playing the voice message does make the cursor appear.
• Once the voice message finishes playing, the cursor disappears.
• Dragging a visible cursor moves it. The touch target is accurate to just the area around the cursor.
• Tapping the waveform moves the cursor to different parts of the recording.
• Once the scrubber is displayed, it continues to display even when other voice messages are played.
• Hence, showing multiple scrubbers on different voice messages is okay.
• And as multiple cursors can show, they can all be dragged.
• If another voice message is played, the position of the cursors on other paused voice messages is maintained.

Size estimate

None

Dependencies

• [Story] Preview a voice message #2104
• [Story] Receive and play a voice message #2083
• [Story] See waveform visualisation for voice messages #2112

Preconditions

No response

Sign-off

Android

• Design sign-off on completion
• QA sign-off on completion
• Product sign-off on completion

iOS

• Design sign-off on completion
• QA sign-off on completion
• Product sign-off on completion

Out of scope

No response

Open questions

No response

Subtasks

Android

Preview Give feedback

1. Verified with build in screen reader
2. Playback position indicator displays when playing or paused
3. Tapping or dragging the player moves the playback position
4. Works in the timeline for received messages
5. Works in the preview player for recorded messages
6. Allow to seek a voice message before playing it vector-im/element-x-android#1780
   +0
   
7. Persist state of VoiceMessagePresenter in memory vector-im/element-x-android#1795
   +0
   
8. Voice message scrubbing improvements vector-im/element-x-android#1847
   +0
   

iOS

Preview Give feedback

1. Verified with build in screen reader
2. Playback position indicator displays when playing or paused vector-im/element-meta#2190
   +0
   
3. Tapping or dragging the player moves the playback position
4. Works in the timeline for received messages
5. Works in the preview player for recorded messages

Other

Preview Give feedback

No tasks being tracked yet.