Audio recordings aren't playing on iOS devices

[Lenur29]

Why aren't my audio recordings playing on iOS devices, while they work on Android?

[QQizi]

iOS always ask for a user interaction for playing audio or video content. Try adding a play button and don't use autoplay

[Lenur29]

@QQizi Thank you for your help. Here is my JSX. I don't pass autoplay prop as true... And I have a play button

      <div
        className="audioMessage__content"
        style={{
          background: `linear-gradient(to right, rgba(51, 97, 255, 0.2) ${progress}%, white ${progress}%)`,
        }}
      >
        <button className="audioMessage__btn" onClick={onPlayPause}>
          {isPlaying ? <AudioPauseIcon /> : <AudioPlayIcon className="audioMessage__playIcon" />}
        </button>

        <div className="audioMessage__waveWrapper">
          <WavesurferPlayer
            height={18}
            width="100%"
            waveColor="#C3CAD9"
            progressColor="#3361FF"
            url={audioUrl}
            onReady={onReady}
            onPlay={() => setIsPlaying(true)}
            onPause={() => setIsPlaying(false)}
            barAlign="bottom"
            barWidth={3}
            barGap={2}
            barRadius={4}
          />
          <div className="audioMessage__currentTime">{formatTime(currentTime)}</div>
        </div>
      </div>

[rodsmyname]

I have encountered the same issue and have been trying to figure out any way to get around it. Regardless if there is a button, the audio will not play. If it is a wav file it will play but the controls will not work and you will not be able to pause the audio. I think this is an actual bug.