试图在声音停止后获得一个按钮来刷新页面。按下按钮时声音开始

Posted

技术标签:

【中文标题】试图在声音停止后获得一个按钮来刷新页面。按下按钮时声音开始【英文标题】:Trying to get a button to refresh the page after the sound stops. The sound starts when the button is pressed 【发布时间】:2019-02-10 19:36:30 【问题描述】:

仅在声音停止播放后才尝试获取刷新页面的按钮。 我尝试了onend 事件,但没有成功。

function play() 
  var audio = document.getElementById("audio");
  audio.play();


function myFunction() 
  location.reload(1);
<button onclick="myFunction()">Reload page</button>

<img src="./images/play.png" value="PLAY" onclick="myFunction();play()">
<audio id="audio" src="./Sounds/Casino4.wav"></audio>

播放按钮目前仅刷新页面但您可以听到启动声音,但页面在停止之前刷新。

【问题讨论】:

How to detect an audio has finished playing in a web page?的可能重复 【参考方案1】:

试试

var audio = document.getElementById("audio");
audio.onended = function() 
    // Your function here
; 

结束事件在音频/视频到达结尾时发生。 >>https://www.w3schools.com/tags/av_event_ended.asp

【讨论】:

以上是关于试图在声音停止后获得一个按钮来刷新页面。按下按钮时声音开始的主要内容,如果未能解决你的问题,请参考以下文章

windows phone 7中的循环声音

当用户按下主页按钮时停止声音

在android soundpool中播放新声音时如何停止所有其他以前的声音?

多次按下按钮时声音重叠

多个按钮上的声音并在其他人在 iOS 中播放时停止

按下按钮时循环播放声音