我无法停止当前通过ajax调用在提供的网页上播放音频

Question

我设计了一个发布测验页面，所有页面均可按我的意愿工作。 对于音频回合，我想播放所有玩家都会听到的声音。 这样可行。 但是，当我单击“停止”时，它将停止在我的浏览器实例中，而不是在播放器页面中。

我正在使用PHP从测验母版页生成的txt文件。 使用ajax每秒读取这些文件，并在播放器页面上更改其输出时更改输出。 我所有的代码都可以正常工作，甚至可以触发新的声音事件。 但是，一旦音频事件在播放器浏览器中播放，我就无法停止它。 我的PHP正在创建文本文件-单击“停止”时为空白条目。 当我更改文本文件时，会播放新的音频剪辑。 我尝试添加aud.stop（）; 在通话开始时，但是会阻止任何音频播放。

<script>
function updateq(){
    $.ajax({url: '<?php echo $baseurl."curquestion.txt"; ?>',  ifModified: true, success: function(result, status){
    if (status === 'success') { $('#cq').html(result); }
    }});
    $.ajax({url: '<?php echo $baseurl."playaudio.txt"; ?>',  ifModified: true, success: function(result, status){
    if (status === 'success') { var aud = new Audio(result);    aud.play();
    }
   }});
    setTimeout('updateq()',1000);
};
</script>
<script type="text/javascript">  
$(document).ready(
function() 
    {
     updateq();
    });
</script>

当我的playaudio.txt从有效的mp3文件名更改为“”时，我希望音频会停止。 但是，一旦在播放器Web浏览器中触发，一旦播放了音频文件，它就会播放直到完成或直到页面刷新为止。 加载网页时，音频事件似乎重叠。

Answer 1

我认为问题是范围。 加载下一个音频时，播放音频的var不存在，因此您无法停止它。 也许尝试这样的事情。

<script>
var lastAud = null;
function updateq(){
    $.ajax({url: '<?php echo $baseurl."curquestion.txt"; ?>',  ifModified: true, success: function(result, status){
    if (status === 'success') { $('#cq').html(result); }
    }});
    $.ajax({url: '<?php echo $baseurl."playaudio.txt"; ?>',  ifModified: true, success: function(result, status){
    if (status === 'success') {
      if(lastAud && lastAud.src != result) {
           location.reload();
      }

      aud = new Audio(result);
      aud.play();
      lastAud = aud;
    }
   }});
    setTimeout('updateq()',1000);
};
</script>
<script type="text/javascript">  
$(document).ready(
function() 
    {
     updateq();
    });
</script>