MediaPlugin 2.4.1 Not Streaming MP3 File from URL [iOS]

cordova
1

Hello everyone,
I’m using the latest version of cordova-media-plugin (2.4.1) which is supposed to stream audio from URLs starting with HTTP or HTTPS, but it is taking my app about 10 seconds to download the entire file before it begins playing. Any thoughts on what I am doing wrong? The trackURL has this structure (I replaced the bucket name so link won’t work):
{https://musicbucket.s3.amazonaws.com/8703aad3-e78c-421c-99f7-fc6b8178e5d0.mp3}

Here is my code:

public playTrack(songData){
 	 	this.file = new MediaPlugin(songData.trackURL, (status) => {
		 	});
		 	this.file.init.then(() => {
			  console.log('Playback Finished');
			  this.playbackFinished = true;
			  this.trackPlaying = false;
			  this.file.release();
			}, (err) => {
			  console.log('somthing went wrong! error code: ' + err.code + ' message: ' + err.message);
			  this.trackPlaying = false;
			});
                this.streamTrack();
}
private streamTrack(){
    this.file.play({ playAudioWhenScreenIsLocked : true});
    this.trackPlaying = true;
	this.modifyRecents();
 }
2

Hey, did you ever resolve this issue? I am experiencing the same problem.

3

I ended up using m3u files instead, because those are properly streamed by the plugin.

4

All attempts to play m3u files have failed for me. Is there a trick to it? I don’t know what I’m doing wrong and I couldn’t find any documentation. Here are the sample urls I have tried:

http://kusaa.com/api/song/playlist/2FF9EB67-73C5-E611-8C48-74867AD41D84.m3u
http://relay.publicdomainproject.org/classical.aac.m3u

this.file = new MediaPlugin(“http://relay.publicdomainproject.org/classical.aac.m3u”, (status) => {
console.log("status changed: " + status);
});

this.file.play({ playAudioWhenScreenIsLocked: true });

the application is built using:

cordova-plugin-media 2.4.1 “Media”

“dependencies”: {
"@angular/common": “2.2.1”,
"@angular/compiler": “2.2.1”,
"@angular/compiler-cli": “2.2.1”,
"@angular/core": “2.2.1”,
"@angular/forms": “2.2.1”,
"@angular/http": “2.2.1”,
"@angular/platform-browser": “2.2.1”,
"@angular/platform-browser-dynamic": “2.2.1”,
"@angular/platform-server": “2.2.1”,
"@ionic/storage": “^1.1.7”,
“ionic-angular”: “2.1.0”,
“ionic-native”: “2.4.1”,
“ionicons”: “3.0.0”,
“rxjs”: “5.0.0-beta.12”,
“sw-toolbox”: “3.4.0”,
“zone.js”: “0.6.26”
}

@arielf, @pauval08 and @slodolce, could any of you please help me out with this?

5

Just want to make sure, you’re doing an XCode compile when trying this right?

6

I have not compiled using xcode IDE.

So far I’ve tried running app using VS Code and ios simulator on a mac and
Visual Studio 2015 with Android device on windows 10

ionic run xxx
ionic lab …

maybe i’m miss-understanding something, do I need to build using xcode and publish the app before being able to play m3u files?

7

I got it working as expected with XCode, but android is still not playing the m3u file. My biggest issue is the lack of information regarding this. Does anyone know where I could find any documentation on cordova media plugin with m3u files? any help on this will be greatly appreciated.

thank you for your help so far.