我设计了一个发布测验页面,所有页面均可按我的意愿工作。对于音频回合,我想播放所有玩家都会听到的声音。这样可行。但是当我单击“停止”时,它将停止在我的浏览器实例中,而不是在播放器页面中。
我正在使用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浏览器中触发,一旦播放了音频文件,它就会播放直到完成或直到页面刷新为止。加载网页时,音频事件似乎重叠。
答案 0 :(得分:0)
我认为问题是范围。加载下一个音频时,播放音频的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>