我正在使用OpenCV捕获视频,当用户按下“ q”时,它将在后端进行一些处理。在那个过程中。我想显示一个加载屏幕。
我的想法是,在用户按下“ q”后,它将调用ajax函数并显示加载屏幕。大约30秒钟后,加载屏幕将消失,并显示数据。
为了实现我的想法,我首先尝试了一种简单的方法。我将按钮放在onclick函数上,然后调用ajax函数。有用。但是,现在我不知道如何组合这两个代码。
HTML代码
<div class="col-lg-3 col-md-6">
<form action="/recordPlayer" method="POST">
<br>
Enter the player's height in cm:<br>
<br>
<input name="height" required type="text" value=""><br>
<br>
<input class="btn btn-primary btn-large btn-block" style="width: 171px;"
type="submit" value="Enter Player's Height">
</form>
</div>
<div>
<button onclick="loading();">Click me</button>
</div>
<script>
function loading(){
console.log("show load screen");
$("#loading").show();
$("#content").hide();
setTimeout(nowShow, 2000);
}
function nowShow(){
$("#loading").hide();
$("#content").show();
console.log("done")
}
</script>
Python
something something
cap.release()
cv2.destroyAllWindows()
convert_video(strDatenTime + ".avi", strDatenTime + ".mp4")
sleeptime.sleep(30)
return redirect('/train')
当我单击输入播放器的高度按钮时,它将触发捕获视频的python函数。
当前,我还有另一个按钮可以调用ajax函数。我不知道如何将它们组合在一起。
请帮助。谢谢。