AppMobi, html5音效适用于模拟器和android，但不适用于iphone

今天我开始学习appmobi。我正在开发一个处理声音的小例子。

我只需要创建一个处理器来播放和停止许多声音。

var audioOn = new Audio('sounds/11.mp3'); 
audioOn.play();

这段代码可以在xdk模拟器上运行，也可以在android设备上运行，但不能在我的Iphone 5上运行。

问题是，如果我使用标签它在iphone上工作，但我想使用javascript原生api来处理声音和更多。

我一直在尝试用appmobi播放器库来处理它，但是它没有停止、恢复等控制，所以我想使用native。

下面是部分javascript代码:

<script type="text/javascript">
/* This function runs once the page is loaded, but appMobi is not yet active */
var init = function(){
var alarmButton = document.getElementById("alarmButton");
var on = false;
//var audioOn = new Audio('http://rpg.hamsterrepublic.com/wiki-images/3/3e/Heal8-Bit.ogg');
var audioOn = new Audio('sounds/11.mp3'); 
audioOn.addEventListener('ended', function() {
this.play();
}, false);
var but = function(){
alert("but");
alert(on);
alert(audioOn);
if(!on){
on = true;
audioOn.currentTime = 0;
audioOn.play(); 
}
else{
on = false;
audioOn.pause(); 
}
}
//alarmButton.addEventListener("click",but,false);
alarmButton.addEventListener("touchstart",but,false);
alarmButton.addEventListener("tap",but,false);
};
window.addEventListener("load",init,false);
/* This code prevents users from dragging the page */
var preventDefaultScroll = function(event) {
event.preventDefault();
window.scroll(0,0);
return false;
};
document.addEventListener('touchmove', preventDefaultScroll, false);
/* This code is used to run as soon as appMobi activates */
var onDeviceReady=function(){
//Size the display to 768px by 1024px
AppMobi.display.useViewport(768,1024);
//hide splash screen
AppMobi.device.hideSplashScreen(); 
};
document.addEventListener("appMobi.device.ready",onDeviceReady,false);
function echo(){
alert("clicked");
}
</script>

Thanks to lot