Hallo alle zusammen,
ich bin seit gestern stolzer besitzer einer neuen Trendnet TV-IP320PI. Soweit eine recht ordentliche Cam die noch ein bisschen günstiger war als meine Foscams
Ich habe aus bequemlichkeit eine HTML Seite auf dem Webserver der DS laufen um meine Cams dort einzubinden. Quasi ein Live Bild per reload für den Smart TV Browser
Ich komme gerade nicht an meine DS also muss ich es aus dem Kopf versuchen ^^
Ich habe eine HTML Datei die per Javascript Snaphots von den Cams abfängt. Soweit so gut. Nur zickt die Trendnet ein wenig rum. Es gibt 2 Möglichkeiten an ein Bild zu kommen. http://ip/Streaming/Channels/1/picture für ein reines JPG soweit ich mich errinnere und als zweiten http://ip/Streaming/Channels/1/httpPreview
Ich bekomme es nur so zum laufen das ich den *picture* Link nehme dann lädt er zwar das Bild aber nicht zuverlässig und das größere Problem ist das dass OSD viel zu groß ist auf dieser Version des Snaphots. Das OSD ist bestimmt ca 50 bis 60 % größer als auf dem *httpPreview* Link. Nur wenn ich den *httpPreview* Link einbinde lädt er zwar das erste Bild bricht dann aber mit einem, wenn ich es richtig sehe, Syntax Error ab. Ob ich es mit oder ohne Useranmeldung mache spielt keine Rolle der Fehler bleibt gleich.
Ich poste auch noch das Script muss nur überlegen wie ich da jetzt ran komme
Hat jemand schon einmal sowas gemacht und könnte da unterstützen?
lg Pvt.Paula
Cam Trendnet TV-IP320PI
DS215j neuestes DSM und Pakete sind aktuell.
EDIT
hier das Script
ich bin seit gestern stolzer besitzer einer neuen Trendnet TV-IP320PI. Soweit eine recht ordentliche Cam die noch ein bisschen günstiger war als meine Foscams
Ich habe aus bequemlichkeit eine HTML Seite auf dem Webserver der DS laufen um meine Cams dort einzubinden. Quasi ein Live Bild per reload für den Smart TV Browser
Ich komme gerade nicht an meine DS also muss ich es aus dem Kopf versuchen ^^
Ich habe eine HTML Datei die per Javascript Snaphots von den Cams abfängt. Soweit so gut. Nur zickt die Trendnet ein wenig rum. Es gibt 2 Möglichkeiten an ein Bild zu kommen. http://ip/Streaming/Channels/1/picture für ein reines JPG soweit ich mich errinnere und als zweiten http://ip/Streaming/Channels/1/httpPreview
Ich bekomme es nur so zum laufen das ich den *picture* Link nehme dann lädt er zwar das Bild aber nicht zuverlässig und das größere Problem ist das dass OSD viel zu groß ist auf dieser Version des Snaphots. Das OSD ist bestimmt ca 50 bis 60 % größer als auf dem *httpPreview* Link. Nur wenn ich den *httpPreview* Link einbinde lädt er zwar das erste Bild bricht dann aber mit einem, wenn ich es richtig sehe, Syntax Error ab. Ob ich es mit oder ohne Useranmeldung mache spielt keine Rolle der Fehler bleibt gleich.
Ich poste auch noch das Script muss nur überlegen wie ich da jetzt ran komme
Hat jemand schon einmal sowas gemacht und könnte da unterstützen?
lg Pvt.Paula
Cam Trendnet TV-IP320PI
DS215j neuestes DSM und Pakete sind aktuell.
EDIT
hier das Script
Rich (BBCode):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en-US">
<head>
<meta http-equiv="content-type" content="application/xhtml+xml; charset=ISO-8859-1"/>
<meta http-equiv="Cache-Control" content="no-cache"/>
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>
<script language="Javascript" type="text/javascript">
<!--
if (parent.frames.length)
top.location.href= document.location;
// Set image refresh rate. 1000 = 1 second
var timeout = 1000;
function reload(element)
{
setTimeout('reloadImg("' + element.id + '")',timeout);
}
function reloadImg(id)
{
// Get reference to document DOM object
var obj = document.getElementById(id);
// Separate the time portion
var cameraIP = obj.src.split('&t=');
// Get the current date
var date = new Date();
// Update the image for the specific camera. Add the current date/time to the end so browser does not used cached image
obj.src = cameraIP[0] + "&t=" + Math.floor(date.getTime()/timeout);
}
// -->
</script>
</head>
<body bgcolor="#000000">
<div id="Welcome" class="darkerBox">
<!-- Camera 1 //Trendnet-->
<img src="http://user:pwd@IP/Streaming/Channels/1/httpPreview" width="800" height="450" >
<!-- Camera 2 //FOSCAM-->
<img src="http://IP:PORT/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=usr&pwd=pwd&t=" name="refresh" width="800" height="450" id="cam2" onload='reload(this)' onerror='reload(this)' >
<!-- Camera 3 //FOSCAM-->
<img src="http://IP:PORT/cgi-bin/CGIProxy.fcgi?cmd=snapPicture2&usr=usr&pwd=pwd&t=" name="refresh" width="800" height="450" id="cam3" onload='reload(this)' onerror='reload(this)' >
<!-- Camera 4 //DLINK-->
<iframe src="http://usr:pwd@IP/dms?nowprofileid=2&t=" name="refresh" width="800" height="450" frameborder="0" id="cam1" onload='reload(this)' onerror='reload(this)' scrolling="no" style="overflow: hidden"> </iframe>
</div>
</body>
</html>
Zuletzt bearbeitet:
