使用https和身份验证

时间:2015-06-02 03:22:42

标签: javascript html networking webcam

所以我知道你的第一个想法:“太棒了。另一个不知道如何使用搜索按钮的人。”但是,我的情况有点独特。添加一个事实,我已经尝试完成一个简单的壮举超过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登录页面,但说:“凭证无效”

谢谢大家

0 个答案:

没有答案