|
How to use LogiSphere for Tilt/Pan only
|
|
By:
Question
Rank:
Frequent User
Topics:
17
From:
n/a
|
Added:
12/21/2006 - 08:50 AM
In older versions of LogiSphere I could use the program for tilt/pan and let other software handle the image processing.
In LogiSphere 2.x this is not possible anymore.
Or did I miss something?
|
|
By:
sse
Rank:
Forum Addict
Topics:
73
From:
n/a
|
Added:
12/21/2006 - 08:53 AM
This is still possible.
When setting up the PTZ camera, proceed as if you'd use the image processing within LogiSphere.
After you have set up everything,
- uncheck Use Cam
- keep Use PTZ checked
- save your settings.
Now LogiSphere is ready to serve PTZ functions only with this camera.
|
|
By:
Anonymous User
|
Added:
01/06/2007 - 12:22 AM
 I'm REAL sorry if this is in wrong thread, the questions and answers is locked.
I'd like to know if it's possible to take the cam/ptz controls and copyright from http://70.255.25.9:8080/java/index.html?cam=0
and make my own page with it???
i tried view source but, no such luck... |
|
By:
MelvinG
Rank:
Magna Cum Laude
Topics:
661
From:
Los Angeles, USA
|
Added:
01/06/2007 - 10:20 AM
To "Anonymous",
Certainly you can use pieces of the HTML content and Java apps to make your own pages. The content is intended to be a template or starting-point for your own page designs.
I'm not sure why View Source didn't work for you. Perhaps you were right-clicking directly over a Java applet rather than right-clicking over an HTML area of the page?
Here's a better way to get into the page source: Use a text editor such as Notepad. Open up
"c:\program files\logisphere\wwwroot\java\index.html"
You should be able to view, edit, save, etc.
There are a lot of Server Side Include tags in that HTML file. For documentation on what they mean and how to use them, click THIS LINK. |
|
By:
Anonymous User
|
Added:
01/07/2007 - 12:25 AM
Thanks for reply...
Forgive the newness !
where would i put my ip and port # in these templates if i wanted to take the java.hml page and make it my own?
where "dummy" is?
<td align="center"><a target="dummy" href="right0-2"><img src="../img/right.gif" alt="right" border="0"></a></td>
for instance?? |
|
By:
Anonymous User
|
Added:
01/07/2007 - 03:54 AM
On my hosting companies server for example, out of local host.
|
|
By:
AndrewG
Rank:
Master Contributor
Topics:
172
From:
St. Andrews, Scotland
|
Added:
01/07/2007 - 10:48 AM
Where the .. are before /img/right.gif and the others.Not where the dummy is no need to change that.
Andrew
|
|
By:
Anonymous User
|
Added:
01/07/2007 - 03:39 PM
Let me ask another way...
I'm aware i can add a pah to the images but,when i try to preview this
<head>
<title>Sa3bin.Com-PTZ Webcam</title>
<META NAME="ROBOTS" CONTENT="NOFOLLOW">
<!-- redirect away after 5 minutes -->
<meta http-equiv="refresh" content="300;url=/" >
<!--#include file="/include/header.inc" -->
<script type="text/javascript" src="/include/jskeys.js"></script>
<script LANGUAGE="JavaScript">
<!--
// adjust here: -----------------------------------
framerate = 1;
// to replay at the frame rate set on the server, replace with
// framerate = <!--#include framerate-capture -->
// as the script request single files and not a stream, this ads quite some overhead
imagewidth=<!--#outputwidth -->;
imageheight=<!--#outputheight -->;
//---------------------------------------------------
imagesize='size='+imagewidth+'x'+imageheight;
newImage = new Image();
document.onstop = document_onstop;
newImage.src="current<!--#currentcam -->.jpg?random=<!--#random -->&"+imagesize
function loadinit() {
//init;
newImage.onload=loadNewImageDelayed;
loadNewImage();
window.status = "LogiSphere video started ...";
}
function startstop_onclick()
{
if (startstop.value == "Stop")
{
stopLoad();
startstop.value = "Start";
}
else
{
startstop.value = "Stop";
newImage.onload=loadNewImageDelayed;
loadNewImage();
window.status = "LogiSphere video started ...";
}
}
function document_onstop()
{
stopLoad();
}
function stopLoad()
{
newImage.onload="";
startstop.value = "Start";
window.status = "LogiSphere video stopped ...";
}
function loadNewImageDelayed()
{
// how many miliseconds to pause between pictures
setTimeout("loadNewImage()", 1000 / framerate);
window.status = "LogiSphere";
}
function loadNewImage()
{
uniq = new Date();
uniq = uniq.getTime();
document.images.LogiSphere.src=newImage.src;
newImage.src="current<!--#currentcam -->.jpg?"+imagesize+'&u='+uniq;
window.status = "LogiSphere ...";
}
function init()
{
uniq = new Date();
uniq = uniq.getTime();
newImage.onload=loadNewImageDelayed;
newImage.src="current<!--#currentcam -->.jpg?"+imagesize+'&u='+uniq;
}
function imgClick(evt)
{
curCam = <!--#currentcam -->
isNotIE = (navigator.appName.charAt(0) != 'M') ? true : false;
if (isNotIE)
{
clickX = evt.pageX - document.images.LogiSphere.x;
clickY = evt.pageY - document.images.LogiSphere.y;
}
else
{
clickX = evt.offsetX;
clickY = evt.offsetY;
}
with(Math)
{
clickX = min(round(204 * (clickX / imagewidth) - 102), 100);
clickX = max(clickX, -100);
clickY = min(round(102 - 204 * (clickY / imageheight)), 100);
clickY = max(clickY, -100);
}
if (clickX < 8 && clickX > -8 && clickY < 8 && clickY > -8)
{
redirStr = "home" + curCam + "-1";
}
else
{
redirStr = "pos" + curCam + "-" + clickX + "," + clickY;
}
frames["dummy"].location.replace(redirStr);
}
//-->
</script>
</head>
<body onload="javascript:loadinit();">
<!--#include file="/include/head.inc" -->
<table width="100%">
<tr>
<td width="25%"></td>
<td align="center">
<H1>Sa3bin.Com-PTZ Webcam JavaScript page</H1>
<!--#include start tiltpan --><A href="#" onClick="javascript:imgClick(event)"><!--#include stop tiltpan -->
<script LANGUAGE="JavaScript">
<!--
document.write('<IMG SRC="current<!--#currentcam -->.jpg?'+imagesize+'" alt="click on the picture to position the camera" name=LogiSphere width='+imagewidth+' height='+imageheight+' border=0>');
//-->
</script>
<!--#include start tiltpan --></A><!--#include stop tiltpan -->
<br>
<table width=320>
<tr>
<!--#include start tiltpan --><td align="center">Sphere motion</td><!--#include stop tiltpan -->
<!--#include start zoom --><td align="center">Zoom</td><!--#include stop zoom -->
<td align="center" >Video Stream</td>
</tr>
<tr>
<!--#include start tiltpan -->
<!-- the results for up, left, right and down moves depend on the tilt/pan device
Logitech Orbit / Sphere
one step is 1/40 of the full tilt/pan range
-> if you're using this camera, you might want to increase 2 to 10
Creative Live! Motion
one step is 1/14th of the pan range,
1/6th of the tilt range
-> if you're using this camera, you might want to decrease 2 to 1
the values used here are a compromise for both models.
-->
<td align="center">
<table cellpadding="0" cellspacing="0">
<tr>
<td></td>
<td align="center"><a target="dummy" href="up<!--#currentcam -->-2" ><img src="../img/up.gif" alt="up" border="0"></a></td>
<td></td>
</tr>
<tr>
<td align="center"><a target="dummy" href="left<!--#currentcam -->-2"><img src="../img/left.gif" alt="left" border="0"></a></td>
<td align="center"><a target="dummy" href="home<!--#currentcam -->-1"><img src="../img/home.gif" alt="home" border="0"></a></td>
<td align="center"><a target="dummy" href="right<!--#currentcam -->-2"><img src="../img/right.gif" alt="right" border="0"></a></td>
</tr>
<tr>
<td></td>
<td align="center"><a target="dummy" href="down<!--#currentcam -->-2"><img src="../img/down.gif" alt="down" border="0"></a></td>
<td></td>
</tr>
</table>
</td>
<!--#include stop tiltpan -->
<!--#include start zoom -->
<td align="center">
<table cellpadding="0" cellspacing="0">
<tr>
<td align="center"><a target="dummy" href="zoom<!--#currentcam -->-+0.2"><img src="../img/up.gif" alt="zoom in" border="0"></a></td>
</tr>
<tr>
<td align="center"><!--a target="dummy" href="zoom-1"><img src="../img/home.gif" alt="home" border="0"></a--></td>
</tr>
<tr>
<td align="center"><a target="dummy" href="zoom<!--#currentcam -->--0.2"><img src="../img/down.gif" alt="zoom out" border="0"></a></td>
</tr>
</table>
</td>
<!--#include stop zoom -->
<td align="center">
<INPUT id=startstop type=button value="Stop" LANGUAGE=javascript onclick="return startstop_onclick()">
</td>
</tr>
</table>
<!--#include tuner --> <!--#include videoinput start --><!--#include file="/include/videoinputs.html" --><!--#include videoinput stop -->
<p>
<a href="http://www.sa3bin.com" target=_blank><img src="http://www.sa3bin.com/images/banner.gif" width=100 border="0" alt="Sa3bin.Com-PTZ Webcam"></a>
</td>
<td width=25%></td>
</tr>
</table>
<iframe src="" height="1" width="1" name="dummy" frameborder="0">
This will hold the html answer of the moves
</iframe>
<BODY BGCOLOR="000000">
</body>
in a custom page at my site, the images show but,not the cam image.
dont i need to add my ip and port to these pages somewhere so it knows where to grab cam images from?
example http://70.255.39.9:8080 ? |
|
By:
Anonymous User
|
Added:
01/07/2007 - 04:33 PM
You could do it using iframes that's how my webcams work. On this page for example. All an iframe does is diplay this page inside first page. Just save the html below to your wwwroot folder making sure to call it pan_tilt_iframe.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
<head>
<!-- logistreaming -->
</head>
<body>
<applet code="logispherestreaming.class" archive="logispherestreaming.zip" codebase="/java/applets" height="250" width="320"> <param name="cam" value="1"></applet>
<iframe src="" name="dummy" frameborder="0" height="1" width="1">This will hold the html answer
of the moves </iframe>
<table width="320">
<tbody>
<tr>
<td align="center">Sphere motion</td>
<!--#include stop tiltpan --><!-- zoom active -->
<td align="center">Zoom</td>
<!--#include stop zoom --> </tr>
<tr>
<!-- tiltpan active --><!-- the results for up, left, right and down moves depend on the tilt/pan device Logitech Orbit / Sphere one step is 1/40 of the full tilt/pan range -> if you're using this camera, you might want to increase 2 to 10 Creative Live! Motion one step is 1/14th of the pan range, 1/6th of the tilt range -> if you're using this camera, you might want to decrease 2 to 1 the values used here are a compromise for both models. -->
<td align="center">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td></td>
<td align="center"><a target="dummy" href="/javascript/up1-2"><img src="/img/up.gif" alt="up" border="0"></a></td>
<td></td>
</tr>
<tr>
<td align="center"><a target="dummy" href="/javascript/left1-2"><img src="/img/left.gif" alt="left" border="0"></a></td>
<td align="center"><a target="dummy" href="/javascript/home1-1"><img src="/img/home.gif" alt="home" border="0"></a></td>
<td align="center"><a target="dummy" href="/javascript/right1-2"><img src="/img/right.gif" alt="right" border="0"></a></td>
</tr>
<tr>
<td></td>
<td align="center"><a target="dummy" href="/javascript/down1-2"><img src="/img/down.gif" alt="down" border="0"></a></td>
<td></td>
</tr>
</tbody>
</table>
</td>
<!--#include stop tiltpan --><!-- zoom active -->
<td align="center">
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="center"><a target="dummy" href="/javascript/zoom1-+0.2"><img src="/img/up.gif" alt="zoom in" border="0"></a></td>
</tr>
<tr>
<td align="center"><!--a target="dummy" href="zoom-1"><img src="../img/home.gif" alt="home" border="0"></a--></td>
</tr>
<tr>
<td align="center"><a target="dummy" href="/javascript/zoom1--0.2"><img src="/img/down.gif" alt="zoom out" border="0"></a></td>
</tr>
</tbody>
</table>
</td>
<!--#include stop zoom --> </tr>
</tbody>
</table>
</body>
</html>
Then place this code on the webpage you want to view the webcam from:
<iframe src="http://70.255.39.9:8080/pan_tilt_iframe.html"
name="frame1" align="middle" frameborder="no"
height="365" scrolling="no" width="360"></iframe>
Andrew |
|
By:
Anonymous User
|
Added:
01/07/2007 - 05:30 PM
 MUCH appreciated Andrew !!! |
|
By:
AndrewG
Rank:
Master Contributor
Topics:
172
From:
St. Andrews, Scotland
|
Added:
01/07/2007 - 07:16 PM
No problem, glad I could help
Andrew
|
