Not working in iPhone browsers

[debotos]

I tried in android devices browser(Chrome) it's working. But in the iPhone browser(Safari, Chrome) loading never finish. By the way, it's working on the Macbook Safari browser.

[jnarwold]

@debotos Were you able to find a workaround for this?

[ryokkkke]

I found that iPhone Safari doesn't load multimedia data automatically.
So this is one workaround:

React.useEffect(() => {
  // when dealing with audio
  const audioElement = document.querySelector("audio");
  // load data explicitly
  audioElement?.load();
},[]);