Audio Playback Discrepancy and/or Failures When Clicking Annotation Timestamps in Project

[teddiebrock]

Describe the bug

1. Clicking annotations plays back the audio too early (For example, on "Side A" of project: clicking the annotation at 19:35 plays the audio that should be playing when you click the text at 18:38). This happens when viewing the project in Google Chrome browser.

The issue appears to be resolved while viewing the project in Firefox browser, as the audio that plays after clicking annotation should be correspond to the text annotations, as intended.

2. However, in Firefox there is an additional issue, where clicking multiple annotations does not trigger play back at all, or takes a number of seconds to hear audio.

• In Firefox, clicking on certain Side A annotations does not trigger audio right away, or at all, such as at 00:00:45 and 00:01:01

• In Firefox, clicking certain Side B annotations also does not trigger audio right away, or at all, such as 00:08:20, 00:08:51, 00:20:01, 00:20:33, and many others.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://teddiebrock.github.io/sfu-poetry-panel/panel-side-a and https://teddiebrock.github.io/sfu-poetry-panel/panel-side-b in Google Chrome browser
2. Click on any annotation timestamp.
3. Listen to audio in Side A, which often corresponds to text in earlier annotation.
4. Listen to audio in Side B, which often plays audio that should occur at a slightly later timestamp.
5. In Firefox, clicking on certain Side A annotations does not trigger audio right away, or at all, such as at 00:00:45 and 00:01:01
6. In Firefox, clicking certain Side B annotations also does not trigger audio right away, or at all, such as 00:08:20, 00:08:51, 00:20:01, 00:20:33, among others.

Expected behavior

1. When clicking on annotation timestamps, the correct audio should play to reflect the accompanying transcript.
2. When clicking on annotation timestamps, recording audio should play back immediately

Screenshots
Please add screenshots to help explain your problem.

Additional context
I manually created my annotations with TSV files (one TSV file per layer), and by listening to the uploaded MP3 file (hosted on Archive.org) to identify the correct timestamps.

The duration of my offline audio file for 'Side A' of my project reads 01:03:38. This is also the duration displayed in the audio viewer in Firefox. However, the file's duration reads 01:03:56 when the project is viewed in Google Chrome.

The duration of offline audio file for 'Side B' reads 00:40:03, and is the same in both Firefox and Google Chrome browser

'Side A' Annotation Files:
teddie_side-a-annotations.zip

'Side B' Annotation Files:
teddie_side-b_annotations.zip