I’m currently working on a project that requires me to play streamed audio from a server. Using HTML5 Audio, I came up with this:
<audio controls controlsList="nodownload"> <source [src]="audioUrl" type="audio/mpeg"> We couldn't load the podcast. </audio>
Now, from Android, it works absolutely perfectly. It even plays in the background. But when I built it for iOS, the controls are there and are responding but would not emit any sound. Oddly enough, when I tested it on the iOS Simulator, it works as well as it was on Android.
Absolutely freakin’ weird…
I absolutely made sure that:
- My iOS device’s volume was maxed-out.
- My iOS device’s Silent switch was turned
- Inter-App Audio was enabled from XCode (although I highly doubt that was even necessary).
$ ionic info cli packages: (/dat_path/node_modules) @ionic/cli-utils : 1.9.2 ionic (Ionic CLI) : 3.9.2 global packages: Cordova CLI : 7.0.1 local packages: @ionic/app-scripts : 2.1.3 Cordova Platforms : android 6.2.3 browser 4.1.0 ios 4.4.0 Ionic Framework : ionic-angular 3.4.0 System: Node : v6.11.2 npm : 3.10.10 OS : macOS Sierra Xcode : Xcode 8.3.3 Build version 8E3004b