SoundManager2 на iPhone - звук не воспроизводится на jQuery Load
Я пытаюсь использовать SoundManager2 как часть веб-приложения iPhone для воспроизведения звука после отправки формы с использованием jQuery. Конкретный звук, который воспроизводится, зависит от результата, и поэтому результирующая страница устанавливает переменную, которая определяет, какой звуковой файл следует воспроизвести.
Все это работает без проблем на рабочем столе, но при запуске на iPhone, это не удается.
Консоль отладки на iPhone показывает, что она пытается ...
1124: SMSound.play(): "ValidSound" is loading - attempting to play...
1124: SMSound.play(): "ValidSound" is starting to play
1124: setPosition(0): delaying, sound not ready
1124: HTML5::loadstart: ValidSound
1124: HTML5::suspend: ValidSound
... но нет звука каждый играет.
Любые мысли о том, что может быть причиной того, что это не получится Я включил код для главной страницы и пример «отвечающих». страница, которая возвращается с помощью jQuery:
Main
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="sm/script/soundmanager2.js"></script>
<script>
soundManager.setup({
url: 'sm/swf/',
useHTML5Audio: true,
onready: function() {
soundManager.createSound({
id: 'ValidSound',
useHTML5Audio: true,
preferFlash: false,
url: 'http://www.example.com/example sound.mp3'
});
}
});
</script>
</head>
<body onload="window.top.scrollTo(0,1);">
<div class="scannerform">
<form id="scanner" name="scanner" method="post" action="ok.php">
<input type="text" name="scan" id="scan" />
<input type="submit" name="button" id="button" value="Submit" />
</form>
</div>
<div class="loadingDiv" id="loadingDiv">Loading...</div>
<div class="wrapper" id="wrapper"><div name="data" id="data"></div></div>
<script>
$('#loadingDiv')
.hide()
.ajaxStart(function() {
$(this).show();
})
.ajaxStop(function() {
$(this).hide();
})
;
$("#scanner").submit(function(event) {
$("#loadingImage").show();
event.preventDefault();
var $form = $( this ),
scanned_data = $form.find( 'input[name="scan"]' ).val(),
url = $form.attr( 'action' );
$.post( url, { scanned_data: scanned_data },
function( data ) {
var content = $( data );
$( "#data" ).empty().append( content );
$("#loadingImage").hide();
if (playSound) playSound();
soundManager.play(SoundToPlay);
}
);
});
</script>
</body>
</html>
Response
<script>
function playSound()
{
SoundToPlay="ValidSound";
}
</script>
<div id="example">Hello World</div>
Спасибо за вашу помощь!
J.