Gå til innhold

Hvordan sette opp webcamera på nettside?


Anbefalte innlegg

Heisann, mange år siden jeg styrte på med HTML. Nå kjøpte jeg meg nettopp et domene, og tenkte jeg kunne fylle det opp med litt show saker for kamerater og bekjente.

 

Saken er: Jeg lurer på om det finnes noen måte å koble mitt webcamera opp på min nettside, slik at andre kan gå inn å se hva som skjer i hjemmet mitt :)

 

1: Er det mulig?

 

2: Hva trenger jeg for å få det til?

 

3: Noen som har kode eller link til kode/fremgangsmåte for å sette slikt opp?

 

Min kompetanse er begrenset til notepad + html, men skal alltids klare å sette meg inn i andre språk så lenge det ikke tar uker. På forhånd takk for svar :)

Endret av tronni_87
Lenke til kommentar
Videoannonse
Annonse
  • 1 måned senere...

1. Få på plass en mekanisme for å hente bildet fra kameraet og skrive/overskrive dette til en fil tilgjengelige via webserveren med passende mellomrom - hvordan dette gjøres er helt avhengig av hva slags programvare-plattform du bruker.

 

2. Legge til bildet i en HTML-side gjennom den vanlige <img>-taggen.

 

3. Evt. legge til en "auto-refresh" av bildet med Javascript.

Hvilken kanskje kan gjøres så enkelt som dette:

function webcam_refresh()
{
 var webcamView = document.getElementById('webcam-mitthjem');
 webcamView.src = webcamView.src.split('?')[0] + '?' + new Date().getTime();
}
function webcam_init_refresh()
{
 setTimeout(webcam_refresh, 10000);
}
window.addEventListener('load', webcam_init_refresh, false);

Lenke til kommentar

PHPdude: 1. er grei, jeg har software som tar bilde og laster på ftp over samme filnavn en gang i sekundet. 2. har jeg gjort (se tronni.com).

 

Problemet mitt oppstår på punkt 3. Jeg benyttet metoden til Dryper, hvor jeg refresher hele siden (jeg har brukt iframe for å slippe laste hele siden, men bare html dokumentet som ligger i rammen). Forholdsvis ofte vil ikke bildet komme frem. Jeg vil gå ut ifra at det er når filen overskrives og nettsiden ikke klarer å hente frem det uferdige bildet. Men tror du likevel javascriptet vil gjøre susen?

 

Og nå er det lenge siden jeg drev med html og javascript (7-8 år eller no slikt). Må jeg gi img taggen en id for å forbinde det med scriptet..?

Lenke til kommentar

Ja, Javascriptet går utifra en ID på bildet ('webcam-mitthjem')

 

Tipper at når opplegget ditt som det er nå ikke fungerer er det på grunn av nettleser-cache (Så sant #1 virkelig fungerer). Nettleseren oppdaterer altså ikke bildet, men bruker istedet det som alt er lastet for å spare tid.

Javascriptet jeg kom med "trikser" seg rundt akkurat det "problemet", men den ordentlige løsningen er å sende riktig cache-info til nettleseren. Ser du kjører Apache som webserver, da bør du kunne legge "Header set Cache-Control no-store" i en .htaccess-fil i mappen hvor du har bildet for å hindre nettleseren i å cache filene i den mappa.

http://httpd.apache.org/docs/2.2/howto/htaccess.html

 

Vil uansett anbefale deg å friske opp kunnskapen om hvordan webutvikling bør gjøres.

http://dev.opera.com/articles/view/4-the-w...del-html-css-a/

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...