WebRTC Audio Is Not Playing Any Sound on Safari and IOS

I am trying to figure out why there is no audio on my iPhone or iPad, my code is working on other devices. I am on IPad iOS 15.3.1 and I test on my computer using Safari. Video is working, and both the video and audio work on Android, Chrome, etc. This is just an audio problem on iOS.

From my WebRTC I have HTML5 Audio Track tracks as such:

<audio muted="false" autoplay="1" id="xxxx"></audio>

When debugging, I connect my IPad and have run this volume check:

document.getElementById('***').volume

And it returns the value of 1, so the volume is on its loudest (I think according to HTML5 audio tags range from 0, 0.1, 0.2, xxxx 1).

document.getElementById('***').end

The ended returns false. Next I try to run the play() function as such:

$('#***')[0].play()
.then((resp) => { 
    console.log("Success"); 
    console.log(resp)
})
.catch(error => {console.log(error)})

And it executes the success response. But there is still no sound. What could be causing this issue on iOS and Safari only?enter code here