Question

我正在尝试使用SoundManager2作为iPhone Web App的一部分，在使用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返回的“响应”页面的示例：

主要

<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>

响应

<script>
function playSound()
{
  SoundToPlay="ValidSound";
}
</script>

<div id="example">Hello World</div>

感谢您的帮助！

学家

Answer 1

你知道iPhone Safari有声音限制吗？基本上，如果没有用户以某种方式与页面交互（通过触摸屏），它将不会播放声音。所以忘记通过“onLoad”或任何其他事件播放自动声音。

虽然使用SoundManager2和我的iPhone，但我觉得它有时候有点棘手...我很确定它在我的应用程序中至少手指点击一次后自动播放声音（甚至几个）（例如关闭初始html弹出窗口（基本上））

所以至少检查这个线索......

托马斯

资源：

http://buildingwebapps.blogspot.com/2012/04/state-of-html5-audio-in-mobile-safari.html

http://blog.logicking.com/2012/03/cross-platform-sounds-for-html5-games.html

iPhone上的SoundManager2 - 声音无法在jQuery Load上播放

1 个答案: