gpt4 book ai didi

javascript 未使用 setTimeout 执行,但使用按钮单击事件执行

转载 作者:可可西里 更新时间:2023-11-01 14:59:07 25 4
gpt4 key购买 nike

我正在尝试在网页中查看来自 IP 摄像机的视频流,当可以播放流时我希望它自动启动。试着用计时器来做,尝试玩,如果失败,再试一次。

计时器(超时)似乎没有这样做,但是如果我使用按钮执行脚本,它就会这样做。我错过了什么?

请看下面的代码。

谢谢,

罗恩

PS:我注释掉了 setTimeout 函数,以使按钮起作用。

    <!DOCTYPE html>
<html>
<body>
<script type="text/javascript">

function playVid() {
var videoElem = document.getElementById("IPcamerastream");
var playPromise = videoElem.play();

// In browsers that don’t yet support this functionality playPromise won’t be defined.
if (playPromise !== undefined) {
playPromise.then(function() {
// Automatic playback started!
videoElem.controls = true;
}).catch(function(error) {
// Automatic playback failed.
// setTimeout(playVid, 1000);
});
}
}

//setTimeout(playVid, 1000);
</script>
<button onclick="playVid()" type="button">Play Video</button><BR>
<video id="IPcamerastream" src="http://192.168.2.8:8080" width="960" height="540"></video>
</body>
</html>

最佳答案

查看视频 html5 标签的特性:( https://www.w3schools.com/tags/tag_video.asp )

其中一个可选属性是自动播放(指定视频将在准备就绪后立即开始播放),因此无需设置超时。

<video id="IPcamerastream" src="http://192.168.2.8:8080" width="960" height="540" autoplay></video>

关于javascript 未使用 setTimeout 执行,但使用按钮单击事件执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56419584/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com