Background audio not work with Ionic3 + Videogular2 on iOS

1.8k views Asked by At

I'm using Videogular2 in an Angular/Cordova/Ionic3 project, where I play mp3 audio live streams. All works good with mp3 and mp4, on browser and iOS simulator.

When the user Lock The Screen in iOS Device I expect that the audio continues to play in a background mode, but on IOS when the user Lock The Screen audio stop to play.

I've tested on XCODE 8 to set 'Capabilities' tab adding 'audio' parameter, I've added cordova-plugin-backgroundaudio to the project without success.

On iOS Simulator it works well, the problem occurs only on iOS Device. Tested on iPhone 6 & iPad 3.

I'm using:

  • iOS 10.3.3
  • XCODE 8.3.3
  • Ionic 3.12.1
  • Videogular2 5.4.11

No one else used videogular2 on cordova/ionic?

1

There are 1 answers

7
Sathyajith On BEST ANSWER

In iOS app audio won't be playing in background when the device is locked. For that you have to enable the background mode for the app. I had faced the same issue in one of my application (I was using different audio plugin).

In order to enable background mode in iOS you can use below plugin https://ionicframework.com/docs/native/background-mode/. When you start playing the audio you just need to call backgroundMode.enable() to keep it playing in background. When you leave the audio player page if want you can disable background mode to avoid unnecessarily keeping the background mode on by calling backgroundMode.disable(). Additionally you need to enable the background audio feature in xcode project settings as shown in below link.

https://koenig-media.raywenderlich.com/uploads/2016/09/BM-EnableAudioInBG.png