|
|
| (9 välissä olevaa versiota 7 käyttäjän tekeminä ei näytetä) |
| Rivi 1: |
Rivi 1: |
| Web-kameran kuvan saaminen esim. kotisivulleen näkyviin on paljon helpompaa kuin voisi luulla. Tässä ohjeessa Linux-kone ottaa kuvan ja lähettää sen FTP:llä jollekin www-palvelimelle. Mukana on myös html, css ja js-tiedostot palvelimelle kuvan näyttämistä ja automaattista päivittämistä varten. Homma sujuu näin: | | {{Historiallinen}} |
| | [[Web-kamera]]n kuvan saaminen www-sivulle on paljon helpompaa kuin voisi luulla. Tässä ohjeessa Linux-kone ottaa kuvan ja lähettää sen FTP:llä jollekin www-palvelimelle. Homma sujuu näin: |
|
| |
|
| == Ohjeet ==
| | '''HUOM! CAME on ilmeisesti kadonnut verkosta eikä ole tarjolla esim. Ubuntun pakettivarastoissa.''' |
| # 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.
| |
| # 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 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
| |
|
| |
|
| == .camErc -asetustiedosto == | | * Laita web-kamerasi käyttökuntoon. |
| Kopioi tämä tiedostoksi .camErc kotikansioosi | | * Asenna camE. Löytynee jakelusi [[paketinhallinta|paketinhallinnasta]] tai [http://linuxbrit.co.uk/camE/ ohjelman kotisivuilta] [[lähdekoodi]]muodossa. |
| | * Kopioi alla esitetty .camErc -asetustiedosto kotihakemistoosi ja muokkaa sen asetukset itsellesi sopiviksi kommenttien opastamalla tavalla. |
| | * Luo palvelimelle esimerkiksi cam-niminen hakemisto kuvan julkaisua varten. |
| | * Luo palvelimelle ftp-tunnus camE:a varten. |
| | * Käynnistä camE komennolla <tt>camE</tt>. CamE menee automaattisesti taustalle ja täytyy lopettaa [[kill|tappamalla]] prosessi. Jos et halua sen menevän taustalle, käynnistä ohjelma komennolla <tt>camE -f</tt>. |
| | * Nyt palvelimelle ilmestyy kuvatiedosto jota päivitetään camErc:ssä määritellyin aikavälein. |
| | |
| | == .camErc-asetustiedosto == |
| | Kopioi seuraava [[asetustiedosto]] nimellä .camErc kotihakemistoosi. |
| <pre> | | <pre> |
| #nämä asetukset ottavat kuvan kerran sekunnissa | | #nämä asetukset ottavat kuvan kerran sekunnissa |
| Rivi 235: |
Rivi 237: |
| ######################################################## | | ######################################################## |
|
| |
|
| </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]] |
| | [[Luokka:Ohjeet]] |
| | {{Videoeditointi}} |