Voice message timeline is inaccurate on Element Web

### Steps to reproduce

1. Tap and hold microphone button on Element iOS or Android to record a short voice message and post it in the room
2. The message is posted correctly by the voice curve rendering varies quite a bit on Web vs iOS vs Android
3. Play back the message and note where the audio starts in relation to the timeline indicator.

### Outcome

#### What did you expect?
1. The curves should be largely the same on all platforms
2. The curve should match when audio is audible

#### What happened instead?
Including some screenshots to illustrate the difference in the rendered voice curves as well as a red arrow roughly where I can start hearing audio from the message. As far as I can tell, Android has the most accurate curve rendering and iOS has the most accurate timeline position indicator for when I actually hear something.

## Element Web

## Element iOS

## Element Android
g)

### Operating system

- **Web**: Fedora Workstation 37
- **iOS**: iOS 16.1.2
- **Android**: Android 13 with security update December 5, 2022

### Browser information

- **Web**: Firefox 108.0 provided by Fedora Linux
- **iOS**: n/a
- **Android**: n/a

### URL for webapp

https://app.element.io/

### Application version

- **Web**: 1.11.17
- **iOS**: 1.9.14
- **Android**: 1.5.16

### Homeserver

element.io

### Will you send logs?

If needed