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

Siirry navigaatioon Siirry hakuun
2 021 merkkiä poistettu ,  16. elokuuta 2019
p
ei muokkausyhteenvetoa
Ei muokkausyhteenvetoa
 
pEi muokkausyhteenvetoa
 
(14 välissä olevaa versiota 9 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, lähettävät sen ftp:llä palvelimelle kansioon cam sekä tallentaa joka 100. kuvan paikallisen koneen kansioon /var/www/cam/archive
#nämä asetukset ottavat kuvan kerran sekunnissa
#kuva lähetetään ftp:llä www-palvelimelle kansioon cam
#joka 100. kuva tallennetaan paikallisen koneen kansioon /var/www/cam/archive
 
#tarkasta erityisesti yhteysasetukset, tallennuskansiot sekä fonttien kansio!


[ftp]
[ftp]
#ftp-tilin tiedot
host = ftp.domain.fi
host = ftp.domain.fi
user = kamera
user = kamera
pass = salasana
pass = salasana
#kansio ftp-palvelimella johon kuvat ladataan.
#Jos ftp ottaa yhteyden hakemistoon public_html, tulee cam-hakemiston olla tämän alla.
dir  = cam
dir  = cam


# where should the file end up? Also, this extension determines the file
# Tiedoston nimi ja tyyppi (jpg tai png)
# type the image is saved as. Try image.png for a png.
# tiedostonnimi.jpg tai tiedostonnimi.png
file = webcam.jpg
file = webcam.jpg


# camE uploads to a temp file, and moves it across when done
# tilapäistiedosto, joka luodaan ja vasta sitten siirretään verkkoon.
# this way people don't view half-uploaded images
# näin käyttäjät näkevät vain ehjiä kuvia
tmp  = uploading.jpg
tmp  = uploading.jpg


# keep the connection open (1) or reopen it for each shot (0)
# pidetänkö yhteys avoinna (1) vai avataanko uusi joka kerta (0)
keepalive = 0
keepalive = 0


# do passive ftp?
# passiivinen ftp (1/0)
passive = 0
passive = 0


#an interface to use for non-passive ftp.  use "-" to let libcurl choose, or
# aktiivista ftp-yhteyttä käytettäessä käytettävä käyttöliittymä
#use a real interface name.  (libcurl often chooses incorrectly)
# oletusarvo "-" on hyvä (libcurl tekee päätöksen)
interface = -
interface = -


# ftp debugging? (noisy)
# ftp-viestien tulostaminen (paljon tavaraa!) (1/0)
debug = 1
debug = 0


# Actually do the upload? If do = 0, just take and archive pics.
# Lähetä kuvat? Jos do=0, ottaa ja arkistoi, muttei lähetä verkkoon.
do = 1
do = 1


# Some servers require us to explicitly delete the previous image
# Jotkin serverit vaativat vanhan tiedoston poiston ennen uuden lisäämistä.
# In that case, enable this option
# 1 = poista ennen lisäystä, 0=lisää päälle
delete_first = 0
delete_first = 0


# Determines how many shots are taken before an image is uploaded.
# Kuinka monta kuvaa otetaan ennen lähetystä?
# (1 == every picture is uploaded, 10 would be every 10th image)
# (1 == jokainen kuva lähetetään, 10 lähettäisi joka 10. kuvan)
# (Defaults to 1 if not present)
# (jos ei asetettu, lähettää jokaisen kuvan)
upload_every = 1
upload_every = 1


[scp]
[scp]
# you can set ftp->do to 0 above and use scp instead - you still need
# Määrittämällä do=0 ja aktivoimalla allaolevan targetin, kuvat lähetetään [[scp]]:n yli.
# the dir, file and tmp settings in the ftp section for this to work.
# scp käyttää yllä määriteltyjä asetuksia dir, file, tmp, upload_every setting, joiden tulee olla määritellyt
# scp also honors the upload_every setting from the ftp section, and
# will also default to a value of 1 if not present.
 
#target = user@ssh.domain.fi
#target = user@ssh.domain.fi


[grab]
[grab]
#videolaitteen tunnus
device = /dev/video0
device = /dev/video0


# store temp image on local machine
# tilapäistiedoston nimi paikalliskoneella
temp_file = /tmp/webcam.jpg
temp_file = /tmp/webcam.jpg


# lag reduction, takes 5 shots, discards the first 4, thus clearing mmap
# Viiveen vähennys. Ota 5 kuvaa, hylkää 4 ekaa siivoten näin mmap puskureita
# buffers
lag_reduce = 5
lag_reduce = 5


# This goes at the bottom left, with the message from "infofile" appended.
# Kuvan vasempaan alreunaan tuleva viesti jonka perään 'infofile'ssä määritelyt viesti liitetään
# It is run through strftime, so date vars are expanded.
# Päivämäärä määritellään strftimen avulla, esimerkiksi %d/%m/%Y %H:%M:%S %Z
text  = %d/%m/%Y %H:%M:%S %Z
text  = %d/%m/%Y %H:%M:%S %Z
#Kuvan koko
width  = 352
width  = 352
height = 288
height = 288


# delay between uploading one shot and starting the next
#viive kuvien ottamisen välillä
delay  = 2
delay  = 2


# do we want to correct the delay for a slow connect?
# Korjataanko viivettä hitailla yhteyksillä
# (keeps the perpetually updating clients in sync)
#(pitää peräkkäiset päivitykset järjestyksessä)
correct = 1
correct = 1


# scale image resolution dynamically based on bandwidth?
# Skaalataanko kuvaa kaistan leveyden mukaan?
# percentage of the delay to spend uploading the image,
# Kuvan lähettämiseen kuluvan viiveen osuus
# 100 disables, useful values are < 40
# 100 pois päältä, hyviä arvoja ovat alle 40
percent = 100
percent = 100


# where to log activity. comment out this line to disable logging
# Mihin logi kirjoitetaan? Jos rivi kommentoitu, logia ei tehdä.
logfile = /home/user/Temp/.camlog
logfile = /home/user/Temp/.camlog


# gets the message text from here. one line allowed only. means you can do
# Viestiteksti noudetan täältä. Vain yksi rivi sallittu!
# stuff like echo "sleeping and stuff" > ~/.caminfo
# Näinollen onnistuu esimerkiksi komento echo "surffaan verkossa" > ~/.caminfo  
#infofile = /home/user/.caminfo
#infofile = /home/user/.caminfo


# directory to archive pics in. They are datestamped and saved in here.
# Mihin arkistokuvat tallennetaan? Arkistokuviin isketään päivämääräleima.
archive = /var/www/cam/archive
archive = /var/www/cam/archive


# archive pics in datestamped subdirs
# Arkistoidaanko kuvat päivämäärän mukaisiin alihakemistoihin?
# (1 == with subdirs, 0 == without subdirs)
# (1 == alihakemistoihin, 0 == yhteen hakemistoon)
archive_subdirs = 0
archive_subdirs = 0


# extension (determines type) of archived images.
# Arkistoitujen kuvien tyyppi (jpg/png)
archive_ext = jpg
archive_ext = jpg


# determines how many shots are taken before a pic is archived
# determines how many shots are taken before a pic is archived
# (1 == every pic, 0 == don't archive)
# (1 == every pic, 0 == don't archive)  
archive_shot_every = 100
archive_shot_every = 100


# create archive thumbnails enable/disable flag and give width/height
# Pienennettyjen kuvien tallennushakemisto, tehdäänkö pikkukuvat (1/0)
# ja pikkukuvien koko (leveys ja korkeus)
archive_thumbnails_dir    = /opt/images/webcam/thumbnails
archive_thumbnails_dir    = /opt/images/webcam/thumbnails
archive_thumbnails_create = 0
archive_thumbnails_create = 0
Rivi 117: Rivi 127:
archive_thumbnails_height = 90
archive_thumbnails_height = 90


# jpeg quality (you can save as png etc too, but then quality does squat)
# jpeg-kuvien laatu
quality = 85
quality = 85
input  = 0
input  = 0


# 0 for PAL, 1 for NTSC
# 0=PAL, 1=NTSC
norm  = 0
norm  = 0


# Goes in the top right. strftime() is run on this too, so put date stuff in
# Kuvan oikeaan yläkulmaan tuleva otsikkoteksti
# if you like
title_text = Weppikamera
title_text = Weppikamera


# color/transparency of title text
# Otsikkotekstin väri ja läpinäkyvyys
title_r = 255
title_r = 255
title_g = 255
title_g = 255
Rivi 134: Rivi 143:
title_a = 255
title_a = 255


# font for title text. fontname/size
# Kirjasinlaji ja koko
title_font = arial/8
title_font = arial/8


# fancy font styles
# Erillinen kirjasintyyppi
# title_style = /path/to/title.style
# title_style = /path/to/title.style
# color/transparency of message text
# Tekstin väri
text_r = 255
text_r = 255
text_g = 255
text_g = 255
Rivi 145: Rivi 154:
text_a = 255
text_a = 255


# font for message text. fontname/size
# Tekstin kirjasinlaji ja koko
text_font = arial/8
text_font = arial/8


Rivi 157: Rivi 166:
bg_a = 100
bg_a = 100


# directory to look for ttf fonts in
# Hakemisto, josta etsitään ttf-kirjasimia
ttf_dir = /usr/share/fonts/truetype/msttcorefonts
ttf_dir = /usr/share/fonts/truetype/msttcorefonts


# file to check for before shooting. while this file exists, no shots will be taken.
# Jos tämä tiedosto on olemassa, kuvaa ei oteta
blockfile = /home/user/BLOCKCAM
blockfile = /home/user/BLOCKCAM


# image to upload when blockfile is first put in place
# Jos em. tiedosto löytyy, tallennetaan kuva tiedostoon
# offline_image = /home/gilbertt/.block.jpg
# offline_image = /home/gilbertt/.block.jpg


# File to check before shotting, while this file exists, shots will be taken.
# Jos tämä tiedosto löytyy, otetaan kuva mutta ei lähetetä sitä verkkoon
# but not uploaded. blockimage will not be uploaded if you set this.
uploadblockfile = /home/user/BLOCKUPLOAD
uploadblockfile = /home/user/BLOCKUPLOAD


# Shots will only be taken/uploaded if the specified interface is active. 
# Otetaan kuvia vain, jos seuraava verkkolaite on käytettävissä
#watch_interface = ppp0
#watch_interface = ppp0


Rivi 208: Rivi 216:


########################################################
########################################################
# PWC specific features (only for philps cams right now)
# Philipsin kameroiden knassa toimivia asetuksia


# framerate of cam capture, lower fps -> less grainy image, more chance or
# Taajuus (kuvaa sekunnissa)
# blurred motion
framerate = 5
framerate = 5


# image settings (0-100)
# Kuvan asetukset (0-100)
colour = 50
colour = 50
brightness = 50
brightness = 50
Rivi 221: Rivi 228:
whiteness = 50
whiteness = 50


# White balance mode
# Valkotasapaino, vaihtoehtoja
# can be "auto", "indoor", "outdoor", "fluorescent" or "manual"
# "auto" (automaattinen), "indoor" (sisätila), "outdoor" (ulkona), "fluorescent" ja "manual" (käsiasetukset)
pwc_wb_mode = auto
pwc_wb_mode = auto
# if _mode is set to manual, these two controls affect the balance
# Asetukset käsiasetuksia käytettäessä
# (0-100)
# (0-100)
pwc_wb_red = 50
pwc_wb_red = 50
Rivi 232: Rivi 239:
</pre>
</pre>


== index.html ==
[[Luokka:Verkko]]
Kopioi tämä tiedostoksi index.html palvelimelle ylläluotuun cam-kansioon
[[Luokka:Laitteisto]]
<pre>
[[Luokka:Ohjeet]]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
{{Videoeditointi}}
<?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>
10 149

muokkausta

Navigointivalikko