播放 mp3 时听到回声

Question

我目前在网站上播放 mp3 文件时遇到问题。

我正在使用以下代码播放 mp3 声音：

function playSound(url){

  var userAgent    = navigator.userAgent.toLowerCase();
  var appVersion   = navigator.appVersion.toLowerCase();
  var appName      = navigator.appName.toLowerCase();
  var isOpera      = (userAgent.indexOf('opera') != -1);
  var isIE         = (appName.indexOf('internet explorer') != -1) && !isOpera;

  switch(true)
  {
    case isIE      :
      $("#soundSpan").html(" <bgsound src='"+url+"' />");
      break;
    default        :
      $("#soundSpan").html(" <embed src='"+url+"' type='audio/mpeg' autostart=true repeat=false loop=false hidden=true></embed>");
  }

}

这对我和大多数用户来说都很好，但有些用户抱怨听到回声。这意味着他们多次听到相同的声音（超过两次）。声音很短，从 1 到 6 秒不等。根据一些用户的说法，回声有时非常糟糕，以至于他们无法理解所说的内容（mp3 文件是口语句子）。回声通常在 2-3 秒后停止。

我确定我只播放了一次声音，并且回声出现在不同的浏览器中。

有人知道这是怎么发生的吗？

Answer 1

您应该定义case isMozilla :，因为许多浏览器都在使用 UserAgent：Mozilla 等...不仅是 firefox 浏览器本身，因此如果您使用 chrome 或其他类型的操作系统浏览器，它们可能会从您的脚本中加载几个案例.

Answer 2

如果您在click 处理程序中调用playSound，您的用户会双击吗？在大多数浏览器上，双击会导致两个click 事件发生（除了dblclick 事件；example）。您可能希望建立一些滞后性——例如，在第一次点击后 500 毫秒内忽略第二次（第三次、第四次）点击声音，诸如此类。

编辑：示例：

var soundsPlayed = {};
function playSound(url){

  var userAgent    = navigator.userAgent.toLowerCase();
  var appVersion   = navigator.appVersion.toLowerCase();
  var appName      = navigator.appName.toLowerCase();
  var isOpera      = (userAgent.indexOf('opera') != -1);
  var isIE         = (appName.indexOf('internet explorer') != -1) && !isOpera;
  var soundPlayed  = soundsPlayed['p:' + url];
  var now          = new Date().getTime();

  // If we haven't played this sound, or we haven't played it in the
  // last half-second, go ahead and play it.
  if (!soundPlayed || (now - soundPlayed) > 500) {

      // Remember when we played it
      soundsPlayed['p:' + url] = now;

      // Play it
      switch(true) // true??
      {
        case isIE      :
          $("#soundSpan").html(" <bgsound src='"+url+"' />");
          break;
        default        :
          $("#soundSpan").html(" <embed src='"+url+"' type='audio/mpeg' autostart=true repeat=false loop=false hidden=true></embed>");
      }
    }
}