That is a lot of layers to be concerned with, each having to work in tandem to make sure you are delivering a near-native App experience to your users. Case in point, I’ve been struggling with the volume in Whipped. It is an iPhone, after all, so the little speaker is understandably not that good. However, Whipped was just too dang quiet to be useful. I downloaded a few of the other audio sound Apps and they were a bit louder, but after spending time resampling all of the whips, I just couldn’t get the speaker to send out a louder smack.
Add the plugin much like any PhoneGap plugin:
- Add the VolumeSlider.h and VolumeSlider.m classes to your Plugins folder in Xcode.
- Add the VolumeSlider.js file to your www folder
- Add the VolumeSlider.js to your html file. eg:
- Add the plugin to the Cordova.plist under Plugins (key: “VolumeSlider” value: “VolumeSlider”)
After that, all you need to do is call the slider function to place it on your screen.
window.plugins.volumeSlider.createVolumeSlider(10,350,300,30); // origin x, origin y, width, height window.plugins.volumeSlider.showVolumeSlider();
Once I added the volume slider to Whipped, I could see the volume was hardset at 50%! Sliding this up to 100% doubled the volume making the zApp completely usable in those awkward Whipped situations!