所以我知道你的第一个想法:“太棒了。另一个不知道如何使用搜索按钮的人。”但是,我的情况有点独特。添加一个事实,我已经尝试完成一个简单的壮举超过10小时现在意味着我希望你了解我来自哪里。
首先,我是一名具有一定html和CSS知识的新手程序员。但是,我对JS的知识深度不足。
目标:将IP cam Feed集成到我正在开发的网站
到目前为止我尝试了什么:
使用以下代码首先登录网络摄像头的UI(使用外部IP地址和端口号),然后从UI中抓取流并将其显示在我的网页上:
<img src="https://[IP ADDRESS OF IP CAM:PORT NUMER]/snapshot.cgi?username=[username]&password=[password]&t=" onload='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 1000)' onerror='setTimeout(function() {src = src.substring(0, (src.lastIndexOf("t=")+2))+(new Date()).getTime()}, 5000)' alt='please wait 2' />
此外,我尝试使用以下代码打开一个新窗口并单独登录到UI,以便绕过身份验证要求:
<script>
function login() {
document.form.action="https://[IP ADDRESS OF IP CAM: PORT NUMBER]/login.cgi?uri=/";
document.form.submit();
}
</script>
</HEAD>
<BODY onLoad="login()">
<FORM NAME="form" METHOD="post">
<input type="hidden" id="uri" name="uri" value=" /" />
<INPUT TYPE="hidden" id="username" NAME="username" VALUE="[username]">
<INPUT TYPE="hidden" id="password" NAME="password" VALUE="[password]">
<input type="hidden" value=" Login" />
</FORM>
那为什么要尝试2号选项呢?原因是,如果我正在运行网站并通过外部IP地址登录到摄像机,则摄像机显示完美显示(使用第一个代码块)。但是,当我退出相机时,进纸会抓住并退出工作状态。
我做了无数的谷歌搜索,我是我最后的希望。任何人都可以提供给我的建议将不胜感激。因为如果我使用外部IP地址登录(相同的计算机)到摄像机,我可以在网页上完美地查看馈送,我知道我不能离获得胜利太远。
此外,第二个代码块无法登录。它将带我到相机的UI登录页面,但说:“凭证无效”
谢谢大家