Question

我有一台IP摄像头，我想在我的网页上显示实时浏览。

IP Camera不允许匿名登录，因此我需要在连接时输入用户名和密码。

我有javascript：

<img src="http://user:password@camera_ip_address/cgi-bin/jpg/image.cgi?" width="640" height="480" name="refresh">

<script language="JavaScript" type="text/javascript">     
image = "http://camera_ip_address/cgi-bin/jpg/image.cgi?"
function Start() {
tmp = new Date();
tmp = "?"+tmp.getTime()
document.images["refresh"].src = image+tmp
setTimeout("Start()", 100)
}
Start();       
</SCRIPT>

它在Firefox中运行正常但是：

http://user:password@camera_ip_number

不能在其他浏览器中工作（弹出表格输入用户名和密码）。

但是在PHP中你可以使用user：password我用它来检查：

<?php
header('Content-type: image/jpeg');
print( file_get_contents( 'http://user:password@camera_ip_address/cgi-bin/jpg/image.cgi?' ));
?>

当然它只显示一个框架，但您不必输入用户名和密码。

如何使用PHP登录IP Camera？如果我可以在进入网页时登录一次，我的javascript将正常工作，因为浏览器会记住用户名和密码，直到我关闭浏览器。

我不知道如何发送用户名和密码登录。

抱歉我的英文。

Answer 1

好的，所以我使用PHP和JavaScript使它工作。也许这对其他人有帮助：

将PHP文件另存为，例如，snapshot.php：

<?php
$img="http://user:password@camera_ip/cgi-bin/jpg/image.cgi?"; 
header ('content-type: image/jpeg'); 
readfile($img); 
?>

在HTML文件中，添加以下脚本：

<img src="http://domain.com/snapshot.php" width="640" height="380" name="refresh">

<script language="JavaScript" type="text/javascript">     
image = "http://domain.com/snapshot.php"
function Start() {
tmp = new Date();
tmp = "?"+tmp.getTime()
document.images["refresh"].src = image+tmp
setTimeout("Start()", 300)
}
Start();       
</script>

在每个浏览器下都可以正常工作。如果我将超时设置为小于300，则存在一些延迟。我不知道为什么会这样;也许互联网连接或网站速度。

Answer 2

您可能可以使用Apache mod_rewrite - 从PHP堆栈中减少开销，并且通常可能更快。有关详细信息，请参阅this page。

选择其中一个。

Apache .htaccess - 您的页面请求http://yoursite/livecam/image.jpg，它通过Apache的代理运行到您的相机。

RewriteEngine on
RewriteBase /livecam/
RewriteRule ^image.jpg$ http://user:password@camera_ip_address/cgi-bin/jpg/image.cgi [P]
ProxyPassReverse /livecam/image.jpg http://user:password@camera_ip_address/cgi-bin/jpg/image.cgi

在PHP中，创建一个名为image.php的文件 - 您的页面请求http://yoursite/image.php，它将图像流式传输到任何请求它。

<?php
$file = 'http://user:password@camera_ip_address/cgi-bin/jpg/image.cgi';

if (file_exists($file)) {
    header('Content-Type: image/jpeg');
    header('Content-Transfer-Encoding: binary');
    header('Expires: 0');
    header('Cache-Control: must-revalidate');
    header('Pragma: public');
    header('Content-Length: ' . filesize($file));
    ob_clean();
    flush();
    readfile($file);
    exit;
}  
?>

两者都将通过您的服务器代理图像。在任何公共页面上提供用户名和密码通常是不好的做法，即使攻击者无法破坏任何关注的内容。

请参阅PHP.net

上的readfile()

您的代码看起来像（如果使用Apache版本，请将live.php替换为livecam / image.jpg）。我也缩短了你的代码。

<img src="http://yourserver/image.php" width="640" height="480" name="refresh">
<script language="JavaScript" type="text/javascript">setTimeout(function() {document.images["refresh"].src = "http://yourserver/image.php?"+math.random();}, 100);</SCRIPT>

Answer 3

    IP:port/cgi-bin/jpg/image.cgi?&user=XXX&pwd=XXX
    IP:port/cgi-bin/jpg/image.cgi?&usr=XXX&pwd=XXX
    IP:port/snapshot.cgi?&user=XXX&pwd=XXX';
    IP:port/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=XXX&pwd=XXX';

自动登录IP摄像机

3 个答案: