[SOLVED] Help - Trouble with HTML 5 audio player on iOS device

ionic-v1
1

I’m in the process of building an Ionic app that plays a Shoutcast stream for a radio station. I’m using an HTML 5 audio player to play the stream which is working great pretty much everywhere except on an actual iOS device. When I build the app to an iPhone, I cannot hear any audio from the player.

The audio works fine in Chrome, Safari, Android phones, and even Xcode simulator, but when I build to an iPhone I can’t hear any audio. Is there any secret for getting an HTML 5 audio player to stream on an iPhone? Below is how I’m declaring the player in the controller.

var vm = this;
vm.player = new Audio(‘http://xxxxxxxxxxx:8598/;stream.mp3’);
vm.player.play();

I wanted to make sure that it wasn’t something else in my app that was stopping the audio from playing, so I built a bare-bones Ionic app with just the player and one button. I was still able to hear the audio everywhere else except the iPhone device, so I’m pretty sure that it’s an issue with the player itself. I also checked the volume on the iPhone and tested on more than one device. Any help is appreciated!

2

For anyone who comes across this who is also having this issue, I figured it out. The reason that the audio wasn’t playing was because the ringer switch on the side of the phone was on silent. I solved this problem by adding this plugin to my app. Now the audio plays whether or not the ringer is silenced.

3

Hi, @astone123

You want to add audio in your content page and play this audio right ?

Thanks
@vd_virani

4

HTML5 defines DOM methods, properties, and events for the <audio> element.

This allows you to load, play, and pause audios, as well as set duration and volume.

There are also DOM events that can notify you when an audio begins to play, is paused, etc.

For a full DOM reference, go to our HTML5 Audio/Video DOM Reference.

5

for more info regarding this you can also consider getting an uptobox account
it is really helpful and i am sure you will learn something new. :smiley:

6

try using https://freeaccountsonline.com/alfafile-premium-link-generator/ it might help in coming with solution