|
|
| Rivi 3: |
Rivi 3: |
| == Ohjeet == | | == Ohjeet == |
| # laita [[Web-kamera|web-kamerasi]] käyttökuntoon | | # laita [[Web-kamera|web-kamerasi]] käyttökuntoon |
| # asenna camE. Löytynee jakeluversiosi pakettivarastoista tms tai [http://linuxbrit.co.uk/camE/|ohjelman kotisivuilta] lähdekoodimuodossa. | | # asenna camE. Löytynee jakeluversiosi pakettivarastoista tms tai [http://linuxbrit.co.uk/camE/ ohjelman kotisivuilta] lähdekoodimuodossa. |
| # kopioi alla esitetty .camErc -asetustiedosto kotikansioosi ja muokkaa sen asetukset sopiviksi itsellesi kommenttien opastamalla tavalla | | # kopioi alla esitetty .camErc -asetustiedosto kotikansioosi ja muokkaa sen asetukset sopiviksi itsellesi kommenttien opastamalla tavalla |
| # luo palvelimelle kansio johon kuva tullaan julkaisemaan, esimerkiksi nimellä cam | | # luo palvelimelle kansio johon kuva tullaan julkaisemaan, esimerkiksi nimellä cam |
| # luo palvelimelle ftp-tunnus camEa varten | | # luo palvelimelle ftp-tunnus camEa varten |
| # kopioi index.html, cam.js sekä style.css palvelimen cam-kansioon
| |
| # käynnistä camE komennolla camE. Se menee taustalle ja täytyy lopettaa tappamalla prosessi. Jos et halua sen menevän taustalle, käynnistä komennolla camE -f | | # käynnistä camE komennolla camE. Se menee taustalle ja täytyy lopettaa tappamalla prosessi. Jos et halua sen menevän taustalle, käynnistä komennolla camE -f |
| | # nyt palvelimelle ilmestyy kuvatiedosto jota päivitetään camErc:ssä määritellyin aikavälein. |
| | # Esimerkki koodista jolla kuva saadaan näkymään web-sivulla: http://nulldigital.net/articles/how_to_setup_a_webcam_server.htm |
|
| |
|
| == .camErc -asetustiedosto == | | == .camErc -asetustiedosto == |
| Rivi 235: |
Rivi 236: |
| ######################################################## | | ######################################################## |
|
| |
|
| </pre>
| |
|
| |
| == index.html ==
| |
| Kopioi tämä tiedostoksi index.html palvelimelle ylläluotuun cam-kansioon
| |
| <pre>
| |
| <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
| |
| <?xml version="1.0" encoding="utf-8"?>
| |
| <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
| |
| <head>
| |
| <title>OmaKamera</title>
| |
| <link rel="stylesheet" href="style.css">
| |
| </head>
| |
|
| |
| <body onload='refreshcam();'>
| |
| <div id="page">
| |
| <div id="upper">
| |
| <img id="feed" src="webcam.jpg" alt="live feed" style="width:640px; height: 480;">
| |
|
| |
| <p>Minun Oma Weppikamera.
| |
| </p>
| |
| </div>
| |
| </div>
| |
| </body>
| |
| <script type="text/javascript" src="cam.js"></script>
| |
| </html>
| |
| </pre>
| |
|
| |
| == cam.js ==
| |
| Kopioi tämä tiedostoksi cam.js palvelimelle ylläluotuun cam-kansioon
| |
| <pre>
| |
| var refreshrate = 2000;
| |
| var ns4 = (document.layers);
| |
| var ie4 = (document.all && !document.getElementById);
| |
| var ie5 = (document.all && document.getElementById);
| |
| var ns6 = (!document.all && document.getElementById);
| |
| var loadingimage = new Image();
| |
| var e = kGetElement('feed');
| |
|
| |
| function kGetElement(id) {
| |
| if (ns4) return document.layers[id];
| |
| else if (ie4) return document.all[id];
| |
| else if (ie5 || ns6) return document.getElementById(id);
| |
| else return false;
| |
| }
| |
|
| |
| function loaded() {
| |
| if (!e) e = kGetElement('feed');
| |
| if (e) e.src = this.src;
| |
| }
| |
|
| |
| function refreshcam() {
| |
| if (loadingimage.complete || ie4 || ie5) {
| |
| var now = new Date();
| |
| loadingimage = new Image();
| |
| loadingimage.onload = loaded;
| |
| loadingimage.src = 'webcam.jpg?' + now.getTime();
| |
| }
| |
| setTimeout('refreshcam()', refreshrate);
| |
| }
| |
| </pre>
| |
|
| |
| == style.css ==
| |
| Kopioi tämä tiedostoksi style.css palvelimelle ylläluotuun cam-kansioon
| |
| <pre>
| |
| body {
| |
| background-color: #1e1e1e;
| |
| color: #E0E0E0;
| |
| text-align: center;
| |
| font-family: verdana;
| |
| font-size: 11px;
| |
| padding: 0px;
| |
| margin: 12px;
| |
| }
| |
|
| |
| h1 {
| |
| font-size: 30px;
| |
| }
| |
|
| |
| a {
| |
| color: #3551FB;
| |
| text-decoration: none;
| |
| background-color: transparent;
| |
| }
| |
|
| |
| a:hover {
| |
| color: #5671FC;
| |
| text-decoration: underline;
| |
| background-color: transparent;
| |
| }
| |
|
| |
| #page {
| |
| margin: auto;
| |
| background-color: black;
| |
| width: 660px;
| |
| height: 570px;
| |
| border: 1px solid #353535;
| |
| text-align: center;
| |
| }
| |
|
| |
| #upper {
| |
| width: 800px;
| |
| margin: auto;
| |
| margin-top:10px;
| |
| margin-left:10px;
| |
| margin-right:10px;
| |
| text-align: left;
| |
| padding-top: 0px;
| |
| }
| |
| </pre> | | </pre> |
|
| |
|
| [[Luokka:Verkko]] | | [[Luokka:Verkko]] |
| [[Luokka:Laitteisto]] | | [[Luokka:Laitteisto]] |