Hi Guys,
I am happy to be part of our group here.... I need some clarifications in Ip Camera Streaming....
I have a webpage ie displaying live camera streaming video and control buttons(left,right,up and down) in one aspx page. My problem is when i click any one of the button in my page, one separate page is opening ie contains that url :: "http://192.168.1.3:8585/nphControlCamera?Direction=PanLeft&PanLeft=PanLeft"
Can u please help me that when i click the button no more extra page will be open.... The action will be taken by the page itself.....
My code is in that apge :
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<META http-equiv="Content-Script-Type" content="text/javascript" />
</head>
<body style="margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px;">
<script type="text/javascript">
<!--
Count = 0;
function ImageRefresh() {
document.CameraImage.src = "http://192.168.1.3:8585/SnapshotJPEG?Resolution=320x240&Quality=Standard&Count=" + Count;
Count++;
}
function ImageRefresh1() {
Main.document.NewPosition.src = "http://192.168.1.3:8585/SnapshotJPEG?Resolution=320x240&Quality=Standard&Count=" + Count;
Count++;
}
// -->
</script>
<form method="GET" name="Main" action="http://192.168.1.3:8585/nphControlCamera" target="Message">
<div style="z-index:1; position:absolute;top:0;left:0;">
<img src="http://192.168.1.3:8585/SnapshotJPEG?Resolution=320x240&Quality=Standard&Count=0" name="CameraImage" border="0" hspace="0" vspace="0" width="320" height="240" onload="setTimeout('ImageRefresh()', 200)" onerror="setTimeout('ImageRefresh()', 60000)" onabort="setTimeout('ImageRefresh()', 60000)" alt="" />
</div>
<div style="z-index:2; position:relative;top:0;left:0;width:320;height:240;">
<input type="hidden" name="Direction" value="Direct" />
<input type="hidden" name="Width" value="320" />
<input type="hidden" name="Height" value="240" />
<input type="image" name="NewPosition" src="" border="0" hspace="0" vspace="0" width="320" height="240" />
</div>
</form>
<table style="padding-top:230px; padding-left:10px;">
<tr>
<td>
<form method="GET" name="Main" action="http://192.168.1.3:8585/nphControlCamera" target="Message">
<input type="hidden" name="Direction" value="PanLeft" />
<input type="submit" name="PanLeft" value="PanLeft" />
</form>
</td>
<td>
<form method="GET" name="Main" action="http://192.168.1.3:8585/nphControlCamera" target="Message">
<input type="hidden" name="Direction" value="TiltUp" />
<input type="submit" name="TiltUp" value="TiltUp" />
</form>
</td>
<td>
<form method="GET" name="Main" action="http://192.168.1.3:8585/nphControlCamera" target="Message">
<input type="hidden" name="Direction" value="TiltDown" />
<input type="submit" name="TiltDown" value="TiltDown" />
</form>
</td>
<td>
<form method="GET" name="Main" action="http://192.168.1.3:8585/nphControlCamera" target="Message">
<input type="hidden" name="Direction" value="PanRight" />
<input type="submit" name="PanLeft" value="PanRight" />
</form>
</td>
</tr>
</table>
</body>
</html>