Playback does not continue to end when reaching silence or near silence.

[MrEdwards007]

Bug description

Audio is not played completely until the end.
If the end of the audio is silence or near silence, the cursor does not advance.
If the sound near the end of the is near silence, the cursor does not advance AND the audio is not heard.

Given that I am only playing the audio, I'm not sure what a minimal code snippet is other than using the playPause().
I dont know if it matters but...

• I am loading the audio as base64 encoding from my local machine.
• wavesurfer is embedded in a Streamlit application.

The audio plays and all functionality works but I've noticed the pause at the end of each audio, since my audio segments include the silence at the beginning and end of each file.
Today, I noticed the playback cursor did not advance and the audio was not heard at a certain point, while there was still visible audio (not silent) just before the cursor reached the end. This is more evident in the video showing the second audio file "Combined_Audio_Scripts_48.wav"

My loading is one of two types,

1. Direct conversion of the wav audio to base64
2. A conversion of a wav to MP3 in memory and then converted to base64

For simplicity, I'm showing the direct conversion

Environment

• Browser: Firefox, Linux

Minimal code snippet

# Function to convert audio to Base64 encoding for embedding -- python in Streamlit
def audio_to_base64(file_path):
    with open(file_path, "rb") as audio_file:
        return base64.b64encode(audio_file.read()).decode('utf-8')

                document.querySelector(`.play-pause[data-index="{idx}"]`).addEventListener('click', () => {{
                    wavesurfer{idx}.playPause();
                }});

                base64_audio = audio_to_base64(row['full_audio_path'])
                wavesurfer{idx}.load('data:audio/wav;base64,{base64_audio}');

Expected result

playback of the complete audio, whether silence or near silence.

Obtained result

The audio appears to pause or stop playing entirely near the end when reaching silence or near silence.

Screenshots

Kazam_screencast_00000.mp4

[MrEdwards007]

Something that I just noticed, is that in the second audio "They've grown enormously in confidence." the cursor pauses in different locations between the first play of that audio and the second play of the same audio.
Combined_Audio_Scripts_wavesurfer.zip

[katspaugh]

I think something might be wrong with your base64 encoding. When I load and render the attached files directly as wav's, it renders them correctly. Here's a screenshot of the second clip, it ends right after "confidence". So that "silence" segment from your video is some artifact most likely caused by base64.

[MrEdwards007]

The visual waveform is not in question but rather how the audio plays. The video was to demonstrate how the audio plays, by looking at the cursor/seek position, when it pauses.

base64.b64encode(audio_file.read()).decode('utf-8') is the common encoding\decoding method to make the local files available for playback.

The goal of the program is to visualize audio files that are local to the machine, which is why I used the base64 encoding. I don't have another way to load the local files for visualization and playback.

More recently, I've tried this on multiple audio files and sometimes, the pausing occurs during spoken phrases near the end, not just silence. The only other thing they all have in common, outside of base64 encoding is that I zoom in on every one of the waveforms (see video) so the scrollbar is ready and responsive (purposely just less than 10 pixels from activating the scrollbar), relative to the container size.