Zelf een Webcam op je site zetten
Door middel van freeware en een beetje PHP een webcam op je site zetten. Een voorbeeld vind je op mijn site, aan de rechterkant.
Voorbeeld webcam:
http://www.stefanuzz.nl/webcam/webcam.jpg
Gesponsorde koppelingen
Inhoudsopgave
42 reacties op 'Zelf een Webcam op je site zetten'
0 
-0 
-0 Quote:
Je kunt t ook in een ander bestand zetten en die includen (liever via een iframe, omdat hij dan niet de hele pagina vernieuwt :)). en dat bestand laten refreshen d.m.v. Aftertoucher schreef op 20.08.2006 12:45
zoiets als:
1
<a href="javascript:location.reload()" target="_self" >Refresh</a>
met een link, of:
1
2
3
<script type=text/javascript>
setTimeout('document.location=document.location' ,10000);
</script>
?
Gewijzigd op 20.08.2006 12:59 door Aftertoucher
zoiets als:
1
<a href="javascript:location.reload()" target="_self" >Refresh</a>
met een link, of:
1
2
3
<script type=text/javascript>
setTimeout('document.location=document.location' ,10000);
</script>
?
Gewijzigd op 20.08.2006 12:59 door Aftertoucher
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<?php
ob_start(); //session_start(); kan ook...
header('Refresh: 5'); //verander de 5 in het aantal seconden dat er een foto gemaakt wordt, dit kunnen er natuurlijk altijd meer of minder zijn.
?>
<body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0">//erg belangrijk voor het iframe.. anders heb je allemaal witte randen! :D
<?
if(!file_exists("image.jpg")){
echo 'Er is nu even geen afbeelding.';
}else{
// Het verschil uitrekenen tussen de tijd nu en de laatste wijziging
$verschil = time() - (filectime("image.jpg"));
if($verschil > 60){
echo 'De webcam is nu offline.';
}else{
echo '<img src="image.jpg" alt="Mijn Webcam" />';
}
}
?>
ob_start(); //session_start(); kan ook...
header('Refresh: 5'); //verander de 5 in het aantal seconden dat er een foto gemaakt wordt, dit kunnen er natuurlijk altijd meer of minder zijn.
?>
<body bottommargin="0" topmargin="0" leftmargin="0" rightmargin="0">//erg belangrijk voor het iframe.. anders heb je allemaal witte randen! :D
<?
if(!file_exists("image.jpg")){
echo 'Er is nu even geen afbeelding.';
}else{
// Het verschil uitrekenen tussen de tijd nu en de laatste wijziging
$verschil = time() - (filectime("image.jpg"));
if($verschil > 60){
echo 'De webcam is nu offline.';
}else{
echo '<img src="image.jpg" alt="Mijn Webcam" />';
}
}
?>
en dan wel ff je iframe zo aanroepen:
Code (php)
1
<iframe src="webcam.php" width='176' name="iframe" height="150" frameborder="0" scrolling="no"></iframe> <!-- afmetingen gebaseerd op mijn afbeelding die 176*144 is.. -->
0 -0
-0 Gewoon uit nieuwsgierigheid.
Als er gebruik kan gemaakt worden van transparante fotolagen, zou het dan mogelijk zijn om via dergelijke laag aan te geven of de zaak OPEN of GESLOTEN is? Ik zou dit willen gebruiken voor mijn carwash: zo kunnen de bezoekers zien hoeveel wachtenden er zijn en of de zaak al dan niet open is.
Als er gebruik kan gemaakt worden van transparante fotolagen, zou het dan mogelijk zijn om via dergelijke laag aan te geven of de zaak OPEN of GESLOTEN is? Ik zou dit willen gebruiken voor mijn carwash: zo kunnen de bezoekers zien hoeveel wachtenden er zijn en of de zaak al dan niet open is.
0 -0
-0 Hoi ik zit ook met deze vraag wat ik hier moet invullen kan mij iemand een tipje geven alvast bedankt.
Wat ik moet instellen bij de ftp gegevens?? want ik moet een URL geven en als ik dat heb ingetijpt dat krijg ik een melding dat ik een username moet invullen maar hoe??,
dus wat moet ik prezies invullen bij URL:?
Wat ik moet instellen bij de ftp gegevens?? want ik moet een URL geven en als ik dat heb ingetijpt dat krijg ik een melding dat ik een username moet invullen maar hoe??,
dus wat moet ik prezies invullen bij URL:?
0 -0
-0 Ik heb de volgende code:
webcam.html
Hoe kan ik jouw script gebruiken zodat na 1 minuut (webcam uit) het plaatje testbeeld.jpg getoont wordt?
webcam.html
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Pragma" content="no-cache">
<script language="javascript" src="scripts/beveiliging.js"></script>
<link rel="stylesheet" type="text/css" href="scripts/velden.css" />
<link rel="stylesheet" type="text/css" href="scripts/tekstbeheer.css" />
<style type="text/css">
<!--
body {background:none transparent;}
a{text-decoration:none;}
a:link{color: #000000;}
a:visited{color: #ffffff;}
a:hover{color: #008080;}
//-->
</style>
</head>
<body bgcolor="#e7cea5">
<table width=580 cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
<tr>
<td width=480 height=20 align=left valign=top><b>Manege (live)webcam</b></td>
<td width=50 height=20 align=center valign=middle> </td>
<td width=50 height=20 align=center valign=middle> </td>
</tr>
</table>
<table width=580 cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
<tr>
<td width=580 height=20 colspan=3> </td>
</tr>
</table>
<table width=580 cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
<tr>
<td width=580 align=center height=20 colspan=3><b>Dit zijn testbeelden.</b></td>
</tr>
</table>
<table width=580 height=240 border=0 cellspacing=0 cellpadding=0 bgcolor="#e7cea5">
<tr>
<td width=90> </td>
<td width=400 height=300 border=0 bgcolor="#e7cea5">
<div align="center">
<object id="MediaPlayer1" width=400 height=300 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Microsoft Windows Media Player components...">
<param name="Filename" value="mms://ip-adres:poort">
<param name="AnimationAtStart" value="true">
<param name="AutoStart" value="true">
<param name="TransparentAtStart" value="true">
<param name="ShowControls" value="false">
<param name="PlayCount" value="true">
<embed width="400" height="300" src="mms://ip-adres:poort" controller=false autoplay=true playeveryframe=true pluginspage="plugin.html">
</object>
</div>
</td>
<td width=90> </td>
</tr>
</table>
<table width=580 cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
<tr>
<td width=580 align=center height=35 colspan=3><iframe width=580 height=35 src="ladenwebcam.html" frameborder=0 scrolling="no" allowTransparency="true"></iframe></td>
</tr>
</table>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Pragma" content="no-cache">
<script language="javascript" src="scripts/beveiliging.js"></script>
<link rel="stylesheet" type="text/css" href="scripts/velden.css" />
<link rel="stylesheet" type="text/css" href="scripts/tekstbeheer.css" />
<style type="text/css">
<!--
body {background:none transparent;}
a{text-decoration:none;}
a:link{color: #000000;}
a:visited{color: #ffffff;}
a:hover{color: #008080;}
//-->
</style>
</head>
<body bgcolor="#e7cea5">
<table width=580 cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
<tr>
<td width=480 height=20 align=left valign=top><b>Manege (live)webcam</b></td>
<td width=50 height=20 align=center valign=middle> </td>
<td width=50 height=20 align=center valign=middle> </td>
</tr>
</table>
<table width=580 cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
<tr>
<td width=580 height=20 colspan=3> </td>
</tr>
</table>
<table width=580 cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
<tr>
<td width=580 align=center height=20 colspan=3><b>Dit zijn testbeelden.</b></td>
</tr>
</table>
<table width=580 height=240 border=0 cellspacing=0 cellpadding=0 bgcolor="#e7cea5">
<tr>
<td width=90> </td>
<td width=400 height=300 border=0 bgcolor="#e7cea5">
<div align="center">
<object id="MediaPlayer1" width=400 height=300 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Microsoft Windows Media Player components...">
<param name="Filename" value="mms://ip-adres:poort">
<param name="AnimationAtStart" value="true">
<param name="AutoStart" value="true">
<param name="TransparentAtStart" value="true">
<param name="ShowControls" value="false">
<param name="PlayCount" value="true">
<embed width="400" height="300" src="mms://ip-adres:poort" controller=false autoplay=true playeveryframe=true pluginspage="plugin.html">
</object>
</div>
</td>
<td width=90> </td>
</tr>
</table>
<table width=580 cellspacing=0 cellpadding=0 border=0 bordercolor="#000000">
<tr>
<td width=580 align=center height=35 colspan=3><iframe width=580 height=35 src="ladenwebcam.html" frameborder=0 scrolling="no" allowTransparency="true"></iframe></td>
</tr>
</table>
</body>
</html>
Hoe kan ik jouw script gebruiken zodat na 1 minuut (webcam uit) het plaatje testbeeld.jpg getoont wordt?
Om te reageren heb je een account nodig en je moet ingelogd zijn.
- Details
Door:
Stefan- 7 jaar geleden
- 7.465 x bekeken
- PHP tutorials opties
- Overig
- Nieuwste PHP tutorials
- PHP tutorial toevoegen
PHP hulp
0 seconden vanaf nu