This is a migrated thread and some comments may be shown as answers.

Play a Sound

18 Answers 256 Views

AppBuilder Windows client

This is a migrated thread and some comments may be shown as answers.

This question is locked. New answers and comments are not allowed.

18 Answers, 1 is accepted

answered on 09 Oct 2013, 12:39 PM

Hello Camilo,

The specific device model should be irrelevant, most likely the iOS version is different. What OS versions are the iPhone 5 and iPhone 4 running? Also can you reproduce this problem if you deploy your app to the actual device directly (and not by using Icenium Ion)?

If you still need help, let us know the name of your app and the iOS version of the problematic device and we would investigate.

Regards,
Steve
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.

answered on 14 Oct 2013, 08:45 AM

Hi Steve,

thanks for the quick reply. Basically what I want to do is to build a lecture app. The app downloads the sound files for a lecture and plays them. If possible the user should not be able to access the sound files from his computer because it will be subscription based.

I found that with the www folder before but I didn't quite understand three things:

1) How can I make it cross platform with that aproach?

2) Adding the folders /android_asset/www/ to my workspace doesn't help. So where do I access them on Icenium Graphite?

3) Do I get it right, that there is one asset folder for each app (http://stackoverflow.com/questions/5030448/android-how-to-find-the-absolute-path-of-the-assets-folder)? Can I define if it is accessible?

answered on 18 Oct 2013, 07:35 AM

Hello Andi,

I think you misunderstood my previous reply. You are not supposed to create such folders in your project, those folders are already there on Android and your app is being placed in it. You can easily verify that by evaluating window.location.pathname which would return the path to your active page.

To make this cross-platform, you can use Cordova's device.platform to set the path for Android and iOS separately, something like:

if (device.platform == "Android") {

src = new Media("/android_asset/www/lessons/lesson-1.mp3");

} else {

src = new Media("lesson-1.mp3");

}

You can find more information why this is required in the following blog post.

Regards,
Steve
Telerik
You've missed the Icenium Visual Studio Integration keynote? It has been recorded and posted here.
Looking for tips & tricks directly from the Icenium team? Check out our blog!
Share feedback and vote for features on our Feedback Portal.

answered on 26 May 2014, 11:18 AM

Hi Steve,

I'm not able to play local audio files on iOS PhoneGap. To get the path to the file I use this method:

var getPhoneGapPath = function() {
var path = window.location.pathname;
var phoneGapPath = path.substring(0, path.lastIndexOf('/') + 1);
var devicePlatform = device.platform;
if(devicePlatform == "iOS"){
return 'file://' + phoneGapPath;
}
else if(devicePlatform == "Android" || devicePlatform == 'android'){
return phoneGapPath;
}
};

But you wrote in one of your posts that it is possible to use
if (device.platform == "Android") {
src = new Media("/android_asset/www/lessons/lesson-1.mp3");
} else {
src = new Media("lesson-1.mp3");
}

Does this mean that I do not need the path when playing from iOS? Or if I do, why does my code not working? Thanks :D

answered on 27 May 2014, 01:51 PM

Hello Thomas,

If you're using the PhoneGap Media plugin, you don't really need to provide the absolute path to the media file in iOS. A relative path suffices as demonstrated in the Media Plugin docs. You can find a sample solution demonstrating how to play an audio file in an iOS device attached in the How to Play a Small Sound File forum thread.

In Android, on the other hand, you need to provide the path to the file using the specific Android prefix previously described in this thread. This means that if you need your app to run in both iOS and Android, you can use the following code:

// Audio player

var playAudio= function () {

var path = "";

var devicePlatform = device.platform;

if (devicePlatform === "iOS") {

path = "media/SleepAway.mp3";

} else if (devicePlatform === "Android" || devicePlatform === 'android') {

path = "/android_asset/www/media/SleepAway.mp3";

}

media = new Media(path, onSuccess, onError);

media.play({numberOfLoops: 1});

};

However, please note that the above code snippet takes advantage of the Device core plug-in and you need to make sure it is enabled in the AppBuilder project before using it to check the platform of the device.

I hope this information helps.

Regards,
Tina Stancheva
Telerik

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

answered on 14 Jul 2014, 09:53 AM

10550951_662201337199157_979852271943128006_n.jpg

I am using media plugin to play local audio files (inside /www folder). This perfectly works in android but in iOS the error "Cannot play the audio file from resource…." is coming.
Please check the below screenshot. How should i solve this to play local audio files.
function getPhoneGapPath() {
'use strict';
var path = window.location.pathname;
var phoneGapPath = path.substring(0, path.lastIndexOf('/') + 1);
return phoneGapPath;
};
my_media = new Media(getPhoneGapPath() +'button-click.wav', onSuccess, onError);

answered on 16 Jul 2014, 01:54 AM

This is just an FYI for those of you using Media to play sounds.

My app used to Media and it would play sounds ok, for the most part. However, if I started to play multiple sounds in succession, the app would start to lag, especially on older devices. Then, I stumbled upon this article:

http://www.tricedesigns.com/2012/01/25/low-latency-polyphonic-audio-in-phonegap/

and this related plugin:

https://github.com/triceam/LowLatencyAudio

I installed the plugin and used it to play sounds and then most of my lag issues were gone. One thing to note is that though everything seems to play and run fine, I see some strange messages in logcat related to the sounds. But, again, everything seems to run fine and I don't see errors when debugging the app itself.

I hope this helps someone.

answered on 17 Jul 2014, 10:09 AM

722925-MediaPlayer.zip

Hi guys,

@Senthil - I tried to reproduce the issue you reported but to no avail. I used the code snippet you posted and I prepared a sample app. I was able to successfully play the sound on a few different iOS devices. I attached the sample for reference. Please give it a try on your side and let me know if there is anything I am missing.

@Don - Thank you for sharing your experience with the LowLatencyAudio plugin. I am sure the community will appreciate the feedback.

Regards,
Tina Stancheva
Telerik

Share what you think about AppBuilder and Telerik Platform with us in our feedback portal, so we can become even better!

answered on 11 Mar 2016, 10:09 AM

Hello Vlas,

I suppose you're using a custom plugin for low latency audio. In that case would you please make sure you've followed these instructions to import the plugin in your app. Also please keep in mind that:

In order to access the custom plugin API you need to wait for the Cordova devceready event to fire
Test the plugin behavior directly on a device as neither the Device Simulator nor the AppBuilder companion apps support custom plugins

If those suggestions don't help, you can submit a support ticket with a sample app replicating the issue and our support engineers can have a look at it and suggest solutions.

Regards,
Tina Stancheva
Telerik

Visit the Telerik Verified Plugins Marketplace and get the custom Cordova plugin you need, already tweaked to work seamlessly with AppBuilder.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Play a Sound

18 Answers, 1 is accepted