Zelf een Webcam op je site zetten
Door Stefan , 22 jaar geleden, 40.417x bekeken
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
Er zijn 42 reacties op 'Zelf een webcam op je site zetten'
0 
-0 
-0
Bijvoorbeeld als je een beeld van je straat wil laten zien, of van de achtertuin. Misschien wel van je cavia die in zijn kooi ligt. Wat maakt het uit ;-) Er zullen altijd wel mensen zijn die dit kunnen gebruiken.
0 -0
-0
Dit kende ik, nu had ik gehoopt om in deze tutorial te vinden hoe ik echt video op mijn website kreeg, maar niet dus. Het is wel een goede tutorial. Als je dat zonder dit moet uitzoeken ben je heel wa langer bezig!
0 -0
-0
Op feesten is het ook vet, bij sommige buiten feestweken zo;n ding ophangen
kan je van internet meekijke naar feesten. en kijken welke je leuk lijkt om heen te gaan. Zou wel vet zijn als alle feesten dat doen bedenk ik me net :P
kan je van internet meekijke naar feesten. en kijken welke je leuk lijkt om heen te gaan. Zou wel vet zijn als alle feesten dat doen bedenk ik me net :P
0 -0
-0
had ik net nodig :)
Edit:
door dit programma is mijn webcam/stuurprogramma kapoet!!!
(is niet jou'n schuld stefan)
door dit programma is mijn webcam/stuurprogramma kapoet!!!
(is niet jou'n schuld stefan)
0 -0
-0
Over je script, kan je niet beter de laatste wijzigingsdatum ophalen als je hebt gecontrolleerd of het bestand bestaat?
0 -0
-0
Die image wordt dus niet automatisch gerefreshed? Dat zou je misschien nog kunnen maken met JavaScript...
0 -0
-0
zoiets als:
met een link, of:
?
Code (php)
1
<a href="javascript:location.reload()" target="_self" >Refresh</a>
met een link, of:
Code (php)
1
2
3
2
3
<script type=text/javascript>
setTimeout('document.location=document.location' ,10000);
</script>
setTimeout('document.location=document.location' ,10000);
</script>
?
0 -0
-0
De reden waarom ik geen refresh er bij heb is omdat ik zelf weet dat mensen op mijn site niet langer dan 20 seconde op 1 bepaalde pagina blijven, en altijd wel doorklikken. Daarom heb ik inderdaad geen refresh geval er bij ;-)
0 -0
-0
en als je het wel doet is het beter als je je image in een iframe zet..
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
wat dacht je van marginheight en marginwidth :p kan ook wel belangrijk denk ik
0 -0
-0
dat doet er niet meer toe :D kijk maar op mijn site: http://www.baswesselings.nl
0 -0
-0
Cool om te zien dat iemand ook nu een webcam op zijn site heeft gezet na deze tut =) Nog meer mensen?
0 -0
-0
@ Ponzi: Licht in kamer was uit :D (ja dus stefan), maar dr afgehaald. Leuk speeltje, maar niet echt belangrijk! ;)
0 -0
-0
Ik vindt het echt te gek!
maar ik ben mijn standaard voor webcam kwijt. kheb zo'n k*t trust spycam100 met 0 pixels :P
maar ik ben mijn standaard voor webcam kwijt. kheb zo'n k*t trust spycam100 met 0 pixels :P
0 -0
-0
Ga b.v. naar de MediaMarkt ofzo, en koop een Sweex Cam van 9 euro 99. Die gebruik ik ook zelf, en werkt ok?. Hij is niet haarscherp, dat geeft ik toe, maar als je gewoon een webcam wil voor MSN en/of site, dan heb je daar genoeg aan.
0 -0
-0
Mijn server draait onder W98 en daar werkte het script uit de tutorial niet.
Nadat ik filectime() had vervangen door filemtime() (2x) ging het wel goed.
Wellicht werkt filemtime() ook goed op andere servers? Dan is dit dus een meer universele functie.
Nadat ik filectime() had vervangen door filemtime() (2x) ging het wel goed.
Wellicht werkt filemtime() ook goed op andere servers? Dan is dit dus een meer universele functie.
0 -0
-0
Kijk eens naar het programmatje: ActiveCam
daarmee kan je ook je webcam online zetten in middel van een java applet
hier zijn geen poorten voor nodig.
het programmatje maakt samen met jou een webpagina aan waar je cam in komt te staan.
daarmee kan je ook je webcam online zetten in middel van een java applet
hier zijn geen poorten voor nodig.
het programmatje maakt samen met jou een webpagina aan waar je cam in komt te staan.
0 -0
-0
Hee , dis wel cool.. Alleen bij mij is de FTP optie gedisabled.. Dus ik kan niet de ftp gegevens instellen.. Iemand enig idee hoe dit komt?
Edit: werkt al..moest em opnieuw starten
Edit: werkt al..moest em opnieuw starten
0 -0
-0
Het lukt mij niet :(
Heb alles gedaan, maar zie zwart beeld en ik heb webcam aan en met andere programma zie ik mezelf wel live... maar met booruWebcam niet :(
Kan iemand helpen?:)
EDIT: Het is al gelukt
Heb alles gedaan, maar zie zwart beeld en ik heb webcam aan en met andere programma zie ik mezelf wel live... maar met booruWebcam niet :(
Kan iemand helpen?:)
EDIT: Het is al gelukt
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
Hmm, ik denk niet dat dat kan met Booru Webcam. Het is vast wel mogelijk, maar dan zul je even naar de goeie software moeten gaan zoeken.
0 -0
-0
weet iemand 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:?
en kan de hele uitleg van de ftp connectie wat beter.
dus wat moet ik prezies invullen bij URL:?
en kan de hele uitleg van de ftp connectie wat beter.
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
hoi hier ben ik weer ,helaas lukt niet die url die heb ik nu geplaatst ,maar dat program springt steeds weg ,dat werkt niet goed . wou ik maar even zeggen.
0 -0
-0
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?
0 -0
-0
Hoe kan ik hier fatsoenlijk inloggen op mijn ftp...
staat nergens username ... alleen pad en w8woord..
Stel dit zijn mijn instellingen:
Ftp: ftp.hansishans.nl
Pass: w8woord
Gbnaam: jaapestaartje#hanishans.nl
wat moet ik dan invullen?
staat nergens username ... alleen pad en w8woord..
Stel dit zijn mijn instellingen:
Ftp: ftp.hansishans.nl
Pass: w8woord
Gbnaam: jaapestaartje#hanishans.nl
wat moet ik dan invullen?
Om te reageren heb je een account nodig en je moet ingelogd zijn.
PHP hulp
0 seconden vanaf nu