IP摄像机PTZ控制

时间:2014-05-13 19:45:04

标签: javascript html ip-camera

我是JS的新人,很抱歉这个问题:P,我正在建立我的IP Camera UI,而摄像头有PTZ,经过一段时间我重新开始对这个系统进行ptz工作,它会发送命令。 URL,如下所示:


鼠标按下 - 开始下降:http://192.168.0.18:81/decoder_control.cgi?loginuse=admin&loginpas=&command=2&onestep=0&14000098822180.6339223394170403&_=1400009882221

鼠标按下 - 停止向下:http://192.168.0.18:81/decoder_control.cgi?loginuse=admin&loginpas=&command=3&onestep=0&14000098826710.5439829423557967&_=1400009882672


所以我的问题是如何在JS中使用JS代码在鼠标按下/向上发送命令(我不知道如何调用它),但它在后台完成所有操作。当我在后台说时,我的意思是它不会(加载新窗口)到该URL。以下是截图,以便您更好地了解我:http://prntscr.com/3ixk3q

谢谢!

1 个答案:

答案 0 :(得分:0)

您正在寻找javascript的鼠标事件部分。 通过鼠标停止鼠标事件,您可以重定向到您的网页或只是发送请求。

看看如何捕获鼠标事件。 Mouse down,mouse move and mouse up event for an image?

按照图片中的要求发送HTTP get请求。在鼠标按下事件内部调用GetCamerData()函数。

    var xmlHttp = null;

    function GetCameraData()
    {
        var Url = url;

        xmlHttp = new XMLHttpRequest(); 
        xmlHttp.onreadystatechange = ProcessRequest;
        xmlHttp.open( "GET", Url, true );
        xmlHttp.send( null );
    }

function ProcessRequest() 
{
    if ( xmlHttp.readyState == 4 && xmlHttp.status == 200 ) 
    {
        if ( xmlHttp.responseText == "Not found" ) 
        {
            //not found 
        }
        else
        {
            // do stuff with request
        }                    
    }
}