Javascript 重新加载网络摄像头的大量图片
我有一个新的网站项目,我有很多网络摄像头,原来的源代码重新加载所有秒 我已经做了一个网站,收集一个网站上的所有摄像头 我发布了源代码,但没有重新加载,或者没有图片。 如果重新加载时使用时间戳(带“*.jpg?=XXXXX”),则img标记为reload.jpg img,而不是时间戳)Javascript 重新加载网络摄像头的大量图片,javascript,php,html,sql,Javascript,Php,Html,Sql,我有一个新的网站项目,我有很多网络摄像头,原来的源代码重新加载所有秒 我已经做了一个网站,收集一个网站上的所有摄像头 我发布了源代码,但没有重新加载,或者没有图片。 如果重新加载时使用时间戳(带“*.jpg?=XXXXX”),则img标记为reload.jpg img,而不是时间戳) =D 凸轮 我相信您打算将其他属性包装在class=”“属性中 另外,您的问题还不清楚。您是否将网络摄像头图片(应视为与常规图片文件相同)存储在其他地方,或者您是否希望加载用户的网络摄像头(在其允许的情况下)
=D
凸轮
我相信您打算将其他属性包装在class=”“
属性中
另外,您的问题还不清楚。您是否将网络摄像头图片(应视为与常规图片文件相同)存储在其他地方,或者您是否希望加载用户的网络摄像头(在其允许的情况下)并允许他们拍照
如果您希望访问用户的网络摄像头,请查看以下url:
以下是他们在网站上提供的代码片段,包括要点:
<!DOCTYPE html>
<html>
<body>
<div id="container">
<video autoplay="true" id="videoElement">
</video>
</div>
<script>
var video = document.querySelector("#videoElement");
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
if (navigator.getUserMedia) {
navigator.getUserMedia({video: true}, handleVideo, videoError);
}
function handleVideo(stream) {
video.src = window.URL.createObjectURL(stream);
}
function videoError(e) {
// do something
}
</script>
</body>
</html>
var video=document.querySelector(“#videoElement”);
navigator.getUserMedia=navigator.getUserMedia | | navigator.webkitGetUserMedia | | navigator.mozGetUserMedia | | navigator.msGetUserMedia | | navigator.oGetUserMedia;
if(navigator.getUserMedia){
getUserMedia({video:true},handleVideo,videoError);
}
功能handleVideo(流){
video.src=window.URL.createObjectURL(流);
}
功能视频错误(e){
//做点什么
}
作者:
添加此代码后,请保存HTML文档并预览页面。如果您使用的是受支持的浏览器,则在授予浏览器访问权限后,您应该可以看到网络摄像头视频流
Thx。它不是流电影,它是一个交通网络摄像头,图片每秒重新加载,没有视频流量。我测试了这个。我用片段进行测试,但它不起作用。我的源不是视频,只是一张电影,每秒重新加载。是的,这是一个ID,而不是一个类,因为JS只接受ID类型。。
<!DOCTYPE html>
<html>
<body>
<div id="container">
<video autoplay="true" id="videoElement">
</video>
</div>
<script>
var video = document.querySelector("#videoElement");
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
if (navigator.getUserMedia) {
navigator.getUserMedia({video: true}, handleVideo, videoError);
}
function handleVideo(stream) {
video.src = window.URL.createObjectURL(stream);
}
function videoError(e) {
// do something
}
</script>
</body>
</html>