Playing without audio on iOS 13.3.1

Wavesurfer.js version(s):

3.3.1 (2020-01-14)

Browser and operating system version(s):

Safari on iOS 13.3.1

Code needed to reproduce the issue:

var wavesurfer = WaveSurfer.create({
    container: '#waveform',
    waveColor: '#ccc',
    progressColor: '#000000',
    height: 40
});
wavesurfer.load('sample.mp3');

Use behaviour needed to reproduce the issue:

Trying to play the audio does not create any errors and visually all seems to work. However, no sound can be heard. The same is true for examples that are supplied on the official Waversurfer website (https://wavesurfer-js.org/).

[entonbiba]

@thijstriemstra @katspaugh fyi I will open another PR to fix this ios silent issue once #2164 is merged. Will update the .play() method to run first before playing anything right before the interaction event is thrown. https://github.com/katspaugh/wavesurfer.js/blob/master/src/wavesurfer.js#L809

Since there’s no way of knowing if a mobile device is in silent mode, running it before the play() should be fine, as it’s an empty audio base64.

You may test it on your ios devices here: https://www.entonbiba.com/lab/ios2.html

[iamomiid]

Same on iOS 14