Ero sivun ”Web-kameran kuva verkkoon” versioiden välillä

Siirry navigaatioon Siirry hakuun

Web-kameran kuva verkkoon (muokkaa)

Versio 16. elokuuta 2019 kello 22.40

2 170 merkkiä poistettu ,  16. elokuuta 2019
p
ei muokkausyhteenvetoa
pEi muokkausyhteenvetoa
 
(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}}
Lahtis
Moderaattorit
10 147

muokkausta

Noudettu kohteesta ”https://www.linux.fi/wiki/Toiminnot:MobileDiff/18233...49205”

Navigointivalikko