[Story] See waveform visualisation for voice messages

[jonnyandrew]

Description

Display a waveform representing the voice message in the player

Acceptance criteria

• Waveform displays in voice messages in timeline.
• Waveform displays in voice message held in the preview player.
• Waveform is generated from the audio details received in the
  message.
• Waveform for a given message displays the correct shape

Size estimate

None

Dependencies

• [Story] Receive and play a voice message #2083
• [Story] Preview a voice message #2104

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

• Scrubbing the playback position

Open questions

No response

Subtasks

Android

Preview Give feedback

1. Tested waveform shape is correct (tested by comparing waveform peaks with EW)
2. Waveform displays in voice messages in timeline.
3. Waveform displays in voice message held in the preview player.

iOS

Preview Give feedback

1. Tested waveform shape is correct
2. Waveform displays in voice messages in timeline.
3. Waveform displays in voice message held in the preview player.
4. Voice message waveform from audio files vector-im/element-x-ios#1919
   Trigger-PR-Build +1
   

Other

Preview Give feedback

1. Fix incorrect waveform value range (resolved in feature: send voice message API matrix-org/matrix-rust-sdk#2697)