wave.js: Not showing up on iPhone safari

Hi, first off what an amazing script you got here. Great job on this!

I was able to successfully display the waves in firefox and chrome, desktop and android devices. But for some reason the waves do not appear on safari iPhone.

I’m running an icecast server and displaying the waves via audio tag like so…

<audio id="radio" crossorigin="anonymous">
       <source src="https://mystation.com/stream" type="audio/mpeg" />
       <source src="https://mystation.com/stream.ogg" type="audio/ogg" />
</audio>

and I am triggering the playing of the audio like this…

var player = document.getElementById('radio');
player.load();
player.play();

I have a canvas html element on the page like this… <canvas id="wavesCanvas" height="250" width="500"></canvas>

The waves is set like this…

var wave = new Wave();
var options = {type:"shockwave", colors: ["#6c2a99", "#e01919", "#b4751d"]};
wave.fromElement("radio","wavesCanvas",options);

The audio plays on all devices including safari on iPhone. The wavesjs shows on all browsers except safari on iPhone. I should note that I have not tested on safari on a mac because I do not own a mac at the moment.

Is this a known issue? Is there any special configurations needed for this to work on safari?