Luentojen sisältö. Informaatiotyypit. Digitaalisuuden edut. Videokuva ja videomateriaalin käyttö verkossa

Koko: px
Aloita esitys sivulta:

Download "Luentojen sisältö. Informaatiotyypit. Digitaalisuuden edut. Videokuva ja videomateriaalin käyttö verkossa"

Transkriptio

1 1 Luentojen sisältö 2 Videokuva ja videomateriaalin käyttö verkossa Pasi Häkkinen Hypermedialaboratorio Digitaalisen Median Instituutti, TTY pasi.hakkinen@tut.fi Hypermedian perusteet Tiistai Digitaalinen vs analoginen esitystapa Videokuvan perusteita DV-video / Digitointi Äänen ja videokuvan käyttö WWW:ssä Keskiviikko SMIL Multimedia-arkkitehtuurit/ohjelmistot: Quicktime, RealMedia, Windows Media + koodekit MPEG Animaatio Informaatiotyypit 3 Digitaalisuuden edut 4 teksti kuva tietokonegrafiikka animaatio video audio (pikseligrafiikkaa) (vektorigrafiikkaa) (liikkuvaa tietokonegrafiikkaa) (liikkuvaa kuvaa) Audiota/videota kutsutaan jatkuvaksi mediaksi (aikaelementti kuuluu tärkeänä osana niihin) Tärkein etu: esityksen rajoittamattomuus Tallennus: yksi tallennuslaite kaikille mediatyypeille: kovalevy, CD-ROM, DVD,... Siirto: yksi kommunikaatiojärjestelmä (esim. Internet) Prosessoitavuus: mikä tahansa digitaalinen informaatio voidaan analysoida ja muokata: semanttinen tunnistus (puheen- ja hahmontunnistus,...) tietorakenteet (ketjutus, osoittimet,...) editoitavuus ilman häviöitä

2 Videokuva 5 TV-kuva 6 Videokuva muodostuu peräkkäisistä still-kuvista, jotka vaihtuvat riittävän nopeasti yli 10 kuvaa sekunnissa (frames per second, fps) riittää huijaamaan silmää liikkuvasta kuvasta yli 20 fps riittää kuvaamaan nopeitakin liikkeitä ilman nykimistä (PAL-TV 25 fps) Videokamera tulkitsee värit kolmen päävärin yhdistelminä Kolme tapaa siirtää analogista videosignaalia kolme RGB-värisignaali siirretään ja talletetaan erikseen komponenttivideo: väri-informaatio (krominanssi) ja kirkkausinformaatio (luminanssi) siirretään erikseen komposiittivideo: väri- ja luminanssi-informaatio yhdessä kolme TV-kuvastandardia: PAL (suurin osa Eurooppaa) 625 vaakajuovaa (joista 576 näkyviä), 25 fps NTSC (USA, Japani) 525 vaakajuovaa (480 näkyviä), 30fps SECAM (Ranska, Venäjä) 625 vaakajuovaa, 25 fps jokainen kuva (frame) muodostuu kahdesta kuvakentästä (field), joista toisessa on parittomat ja toisessa parilliset juovat => lomitettu kuva aiheuttaa epätarkkuutta tietokoneen ruudulla HDTV: 1080i, 720p, Itse kuvattaessa 7 Videokuvan digitointi 8 tee käsikirjoitus huomioi valaistus käytä kamerajalustaa hanki kunnollinen mikrofoni Vaatii digitointikortin ja tehokkaan tietokoneen Datamäärät valtavia, esim. PAL TV-kuva 640*480 pixel * 24 bit/pixel * 25 kuvaa/s = 140Mbit/s Kompressointi usein jo digitointikortilla tavallisin kompressointitapa Motion-JPEG (M-JPEG): kukin frame kompressoidaan erikseen -> helppo editoitavuus reaaliaikaisessa lähetyksessä joku muu koodekki tai ei ollenkaan kompressointia (ei täyskokoista TV-kuvaa) Lähtömateriaalin laatu vaikuttaa hyvin paljon lopputulokseen DV-kamerat tehneet tarpeettomaksi

3 Digitaalinen video (DV) 9 DV-editointi tietokoneella 10 idea: videokuva tallennetaan digitaalisessa formaatissa jo kamerassa ja siirretään kamerasta eteenpäin myös digitaalisesti useita kilpailevia formaatteja: minidv- ja DVCAM-nauha, DVD-levy, massamuisti DV-kamera valikoima ulottuu harrastekäyttöön tarkoitetuista, alle 300 euron kameroista ammattikäyttöön soveltuviin, yli euron kameroihin, jotka haastavat broadcast-tasoisina Betacam-kamerat kameran ja tietokoneen välillä käytetään yleensä FireWireliitäntää (IEEE-1394, ilink,... ), USB yleistymässä kuluttajalaitteissa tarvitaan nopea PC tai Mac (nopea kiintolevy) PC:hen Firewire-kortti ( euroa ohjelmistoineen) kaappaus- ja editointiohjelmisto DV-kamera (DV in/out) ääni ja videokuva siirtyvät molempiin suuntiin alkuperäisinä, ei tarvetta säädöille editointi täysin vastaavaa kuin analogisen lähtömateriaalin kanssa mahdollistaa elokuvatasoisen materiaalin tuottamisen hyvällä DV-kameralla ja osaamisella Kompressointi 11 Kompressointi 12 välttämätöntä videomateriaalin loppukäytön kannalta (tiedonsiirtokapasiteetti, laitteiden/tietokoneiden I/O-kyky, tallennuskapasiteetti) voi olla tietoa hukkaamatonta (lossless) tai tieto hukkaavaa (lossy), videomateriaalille käytetään yleensä jälkimmäisen tyyppistä pakkausta symmetrinen: pakkaaminen ja purkaminen yhtä nopeaa epäsymmetrinen: toinen hitaampi suorittaa (käytännössä pakkaaminen) kolme perusteknologiaa diskreetti kosinimuunnos (DCT) - kuva jaetaan kiinteän kokoisiin blokkeihin - eniten käytetty (MPEG, H.261, H.263,...) wavelet-kompressio - käytetään muuttuvan kokoisia kuvaelementtejä fraktaali-kompressio - perustuu yksinkertaisten affiinisten muunnosten (kohteen kierrot, venytykset, pienennykset) iteratiiviseen käyttöön - erittäin epäsymmetrinen mutta tehokas pakkausalgoritmi - patenttisuojattu (Iterated Systems)

4 Ääni ja videokuva WWW:ssä 13 Ääni ja videokuva WWW:ssä 14 Aluksi tiedostoina tavallisilla WWW-palvelimilla pitkät latausajat, heikko laatu, koko tiedosto ladattava 90-luvun puolivälissä ensimmäiset stream-ratkaisut idea: ääntä ja videokuva soitetaan sitä mukaa kuin data saapuu palvelimelta, ei paikallisesti talletettavaa tiedostoa ei odottamisaikoja aluksi vain ääntä (mm. RealAudio), myöhemmin myös videokuvaa mediapalvelimet WWW-palvelinten rinnalle mutta vasta Flash video -leikkeet normaaleilla WWWpalvelimilla saivat aikaan videon käytön läpimurron Vaaditaan yleensä erillinen soitto-ohjelma (player) erillinen sovellus (oma ikkuna) upotetaan selainikkunan sisään: Mozilla: plug-in; IE: ActiveX Control (poikkeuksena Java-playerit) Formaattikilpailu osin jo käyty, suuret jääneet jäljelle: Adobe Flash Video Quicktime (Apple) RealMedia Windows Media (Microsoft) MPEG-4 Player-ohjelmien jakaminen yhdessä käyttöjärjestelmien ja/tai selainohjelmien kanssa merkittävä kilpailutekijä Käyttökohteita 15 WWW-palvelin mediapalvelimena 16 Viihde elokuva-trailerit tilausvideot (esim. käyttäjien itsensä julkaisemat videot Koulutus kokonaiset luentotallenteet muu koulutusmateriaali Uutiset tv-uutiset verkossa Yritysviestintä tuotejulkistukset sijoittajatapaamiset Ideana käyttää HTTP-protokollaa ja aivan normaalia WWW-palvelinta multimediamateriaalin välittämiseen Edut: ei tarvitse omaa palvelinohjelmistoa ("ilmaista") www-proxyt käytössä Haitat: suorituskykyongelmat suurilla käyttäjämäärillä: osa videostreameistä saa liian paljon kaistaa ja osa liian vähän -> pätkimistä ei VCR-kontrolleja -> rajoittaa mediaclipin käyttökelpoista pituutta

5 Erilliset oikeat mediapalvelimet 17 Adaptiivisuus 18 Kehitetty ratkaisemaan suorituskykyongelmia ja lisäämään videostreamien hallittavuutta Edut: kukin stream saa juuri sen verran kaistaa käyttöönsä kuin se tarvitsee ideaalitoistoon (ainakin tavoitteena) tehokkaampi siirtotien käyttö (omat protokollat) videoiden indeksointimahdollisuus live-lähetykset mahdollisia erikoistoiminnot tehokkaampien siirtoprotokollien käyttö (UDP, RTP) Haitat: vrt. edellisen kalvon edut Internet-liittymien kaistanleveys vaihtelee alle 20 kbit/s:sta yli 10Mb/s:iin -> yhdelle bittinopeudelle dekoodattu video/audiostream ei tyydytä kaikkia Todellinen käytössä oleva kaistanleveys vaihtelee jatkuvasti -> miten varautua siihenkin? Vaihtoehdot: erilliset tiedostot eri nopeuksille ja käyttäjä valitsee erilliset tiedostot eri nopeuksille ja player valitsee eri nopeusversiot pakataan samaan tiedostoon ja palvelin valitsee oikean nopeusversion verkkotilanteen mukaan Muita kriteerejä: kieli, prosessoriteho,... Kuvan ja äänen laatu 19 Adobe Flash Video 20 Analoginen modeemi (28,8 kbit/s) mono FM audio tai puhelintasoinen audio ja 1-5 fps pieni video Kasvattanut erittäin nopeasti suosiotaan (Google Video, YouTube, Reuters, ) 1 ISDN-kanava (64 kbit/s) stereo FM audio tai mono FM audio ja 2-7 fps pieni video Flash Player -laajennus lähes kaikissa selaimissa yksinkertainen + varmatoiminen Upotetaan aina www-sivulle 2 ISDN-kanavaa (128 kbit/s) lähes CD-tasoinen ääni tai stereo FM audio ja 5-10 fps video Soveltuu parhaiten pienten leikkeiden jakamiseen LAN, ADSL, ym. (500kbit/s - 1,5 Mbit/s) CD-tasoinen ääni ja lähes DVD-tasoinen video

6 Flash Video -leikkeiden jakaminen 21 Quicktime 22 Adoben kaupallinen Flash Media Server ( Lighttpd-WWW-palvelin + mod_flv_streaming Red5: Open Source Flash Server ( Tavallinen WWW-palvelin (esim. YouTube) Macintosh-standardi (multimediatuotanto) multimedia-cd-rom:t päivitetty stream-aikakauteen tuettuja formaatteja mm. (Quicktime 7): video, audio, teksti, VR, Flash, MP3, MPEG-4, 3GPP player-ohjelmasta kaksi versiota: tavallinen pelkkään katseluun ja Pro-versio sisällöntuotantoon (maksull.) Darwin Sreaming Server 23 RealMedia Applen avoimen lähdekoodin mediapalvelin tuetut alustat: Linux, Mac OS X, Solaris, Win2003 Quicktime, MPEG-4, MP3 ja 3GPP streamaus live-lähetykset mahdollisia tukee multicastia entinen stream-markkinajohtaja kaikkia alkoi RealAudiosta, nyt RealVideo, -Pix, -Text tukee osittain Macromedia Flash -animaatiota, MP3,... laitteistoriipumaton: PC, Mac, Unix mobiililaitetuki: Pocket PC, Symbian OS ilmaiset perusversiot player:istä ja pakkausohjelmista käyttää SMIL-multimediakuvauskieltä (Synchronized Multimedia Integration Language) multimedia browser

7 Real Universal Server 25 RealMedia - kuinka kaikki toimii käytännössä? 26 Realin palvelinkonsepti tuettuja formaatteja RealMedia, Quicktime, Windows Media, MPEG (myös MPEG-4), Flash,... monipuoliset sisällönhallintaominaisuudet (mm. automaattiset välimainokset...) palvelinalustat: Linux, Solaris, Windows, HP,... vuosilisenssin hinta $ (myös ilmainen Basicversio) Open Source -versiot Windows Media Microsoftin vastaus stream-markkinoille tiedostoformaattina ASF (Advanced Streaming Format)/WMV ohittanut Realin kehittynyt näytönkaappaus player ja sisällöntuotantotyökalut ilmaisia player tukee mm. Quicktime:a ja RealVideota palvelinohjelmisto sisältyy Windows Server 2003:een integrointi mm. MS Office:en (PowerPoint) tukee vain Windows-ympäristöjä 27 MPEG Moving Pictures Expert Group kompressointistandardi (ITU sekä ISO) videolle, äänelle ja datalle standardi jaettu useaan eri osaan: MPEG-1, MPEG-2, MPEG-4; ei päivityksiä, vaan versiot eri yhteysnopeuksille ja laatuvaatimuksille yhteensopivuus eri laitteisto- ja sovellustoimittajien tuotteiden välillä määrittää tiedosto/mpeg-stream-formaatin, ei sitä, kuinka kompressointi käytännössä tehdään 28

8 MPEG-1 Vuodelta 1992, tarkoitettu kohtuullisen laatuiselle äänelle ja kuvalle CD-ROM-nopeuksilla Norm. kuvakoko SIF (Standard Interchange Format, 352x288) bitrate:lla 1,5Mb/s Vastaa laadultaan VHS:ää Käytetään CD-ROM:ien lisäksi Internetissä ja Video On- Demand (VOD)-palveluissa VideoCD-formaatti Pakkaaminen MPEG-koodekkikortilla, softalla tai rinnakkaisporttiin kytkettävällä lisälaitteella 29 MPEG-2 vuodelta 1994, tarkoitettu broadcast-tasoisen äänen ja videon pakkaamisen bitrate välillä 2-10 Mb/s, kuvakoko 720x486 pitää sisällään alunperin HDTV:tä varten tarkoitetun MPEG-3:n 5 audiokanavaa (monikieliset lähetykset mahdollisia) käyttö: DVD, digitaaliset TV-lähetykset (kaapeli/satelliitti) 30 MPEG-4 uusin MPEG-standardi, tarkoitettu ennen kaikkea Internetkäyttöön tukee yhteysnopeuksia mobiiliyhteyksistä laajakaistayhteyksiin mobiilit päätelaitteet perinteisten ohella author once, play anywhere interaktiivisuus ja mediaobjektit synteettinen ääni ja kuvaelementit useita eri profiileita, jotka määrittelevät yhteensopivuudet eri päätelaitteiden kanssa tärkeimmät tukijat Apple (Quicktime), Cisco, Philips, Sun 31 Koodekit codec = compressor/decompressor) algoritmipari, joista toinen pakkaa videodataa ja toinen purkaa sen auki voidaan toteuttaa ohjelmallisesti tai raudalla valinta riippuu materiaalista ja käyttötarkoituksesta kaksi pakkausmenetelmää: pakataan kukin frame erikseen (esim. Motion-JPEG) - saavutetaan hyvä editoitavuus still-kuvien pakkaamisen lisäksi otetaan huomioon peräkkäisissä kuvissa oleva sama informaatio - pakkaussuhde paranee kuvanlaadun kärsimättä 32

9 Koodekit: Flash Video 33 Koodekit: Quicktime 34 H.263 peruskoodekki flv-tiedostoissa laajasti tuettu sekä pakkaus- että soitto-ohjelmissa On2 VP6 premium-koodekki vain osa pakkausohjelmista tukee (yl. maksullinen) vaatii Flash Player 8 tai uudemman Cinepak perinteinen ja käytetyin koodekki CD-ROM -tuotteissa purkaminen helppoa kuvanlaatu kohtalainen yli 30ktavua/s-datanopeuksilla -> ei sovellu hyvin WWW-käyttöön Indeo 3.2 Intelin koodekki, vastaava kuin Cinepak valinta Indeon ja Cinepakin välillä riippuu videomateriaalista kuuluu Cinepak:in tavoin tietokoneista automaattisesti löytyviin koodekkeihin Koodekit: Quicktime 35 Koodekit: Video for Windows/ASF 36 Sorenson koodekki alhaisille datanopeuksille tasavertainen RealVideon käyttämien koodekkien kanssa vaati suorituskykyisen tietokoneen aikanaan kuului osana Quicktime 3 ja 4:sta H.264/MPEG-4 AVC mukana Quicktime 7 -versiossa tehokkain koodekki tällä hetkellä Cinepak ja Indeo 3.2 käytännössä samat kuin Quicktimen puolella Indeo Video Interactive (IVI) paranneltu versio Indeo 3.2:sta käyttää wavelet-kompressiota Microsoft RLE soveltuu tietokonegrafiikan pakkaamiseen (esim. kuvaruutukaappaus) tukee ainoastaan 8-bittisiä värejä hukkaamaton koodekki

10 Koodekit: Video for Windows/ASF 37 Koodekit: Video for Windows/ASF 38 Microsoft Video 1 tarkoitetu analogisista lähteistä tulevan videon pakkaamiseen tukee 8- ja 16-bittisiä värejä nopea, soveltuu parhaiten testieditointikäyttöön Windows Media 9 / VC-1 Microsoftin uusin koodekki tukee kaikkia bitrate-arvoja (28 kbit/s -> 3 Mbit/s) VC-1 SMPTE-standardi laaja päätelaitetuki (HD DVD, Blu-ray) Microsoft Screen v1 Windows Media Technologies v7.0 hukkaamaton näytönkaappauskoodekki (valikot, hiiren liikkeet ym) ei salli videokuvan tai runsaan grafiikan kaappausta H.263 standardi videoneuvottelukoodekki, parannettu versio H.261:stä symmetrinen pakkaus, vaatii suorituskykyisen koneen parhaimmillaan nopeiden liikkeiden pakkauksessa myös Quicktime tukee Koodekit: RealSystems Real G2 SVT (Scalable Video Technology) tuetaan vanhojen soitto-ohjelmien takia purkaminen vaatii suht. suorituskykyisen tietokoneen (hitaalla koneella frame rate:a pudotetaan dynaamisesti) RealVideo 9 ja 10 G2:sta parempi kuvanlaatu kaikilla nopeuksilla ei yhteensopiva vanhojen versioiden kanssa tukevat korkeita resoluutioita, monikanavaääntä ym. -> haastaa MPEG-2:n huomattavasti sitä alhaisemmilla bitrate-arvoilla unohtamatta modeeminopeuksiakaan 39 Koodekit: DivX tehokas MPEG-4-pohjainen koodekki esim. videotallenteiden tekemiseen CD:lle: 1-2h DVD-tasoista videokuvaa DivXNetworksin kehittämä -> ei MPEG-4 -lisenssointia usein AVI tiedostoformaattina Eri versioita 3.x-versio epävirallinen 5-versio kaupallinen tuote (ilmaisversio olemassa) tuki DVD-soittimissa yleistymässä 40

11 Koodekit: XviD 41 VideoLAN ja VLC vastaava koodekki ominaisuuksiltaan kuin DivX avoin lähdekoodi (GNU-lisenssi) ei lisenssimaksuja kehitys vapaaehtoisvoimin jatkuva kehitys soveltuu lähinnä harrastustoimintaan Open Source -projekti laajakaistaiseen streamaukseen MPEG-2, MPEG-4, DivX, ogg, DVD,... VLC (VideoLAN Client) yksi monista ilmaissoitto-ohjelmista pystyy näyttämään lähes mitä tahansa videoformaattia voi toimia myös palvelimena osaa tehdä transkoodauksen mediastreamille ja lähettää sen edelleen multicastina Animaatio 43 Adobe Flash 44 tietokoneanimaatio tuotetaan alusta alkaen digitaalisesti ei digitoinnista aiheutuvaa laadun heikkenemistä yksinkertaisimpia ja yleisimpiä esimerkkejä WWW-sivuilla olevat GIF-animaatiot perustuu GIF-kuvaformaatin (versio GIF89a) ominaisuuteen tallettaa useita erillisiä kuvia samaan kuvatiedostoon WWW-selaimet tukevat suoraan (ei tarvetta lisäohjelmille) kuvakoko yleensä pieni ja informaatiosisältö vähäinen WWW-sivujen elävöittäminen, mainos-bannerit,... GIF-animaatiot pikseligrafiikkaa (= suuri tiedostokoko), toinen vaihtoehto käyttää vektorigrafiikkaa käyttävää animaatioformaattia yleisesti käytetty vektoripohjainen kuva- ja animaatioformaatti vaatii plug-in -ohjelman (tulee yl. jo selaimen mukana) tukee kuvaan synkronoitua ääntä ja interaktiivista animaatiota voidaan jakaa RealServerin kautta streaminä jo modeeminopeuksilla saadaan välitettyä näyttävää, hyvin skaalautuvaa animaatiota soveltuu erinomaisesti erilaisten prosessikuvausten esittämiseen (esim. polttomoottorin toiminta)

12 SMIL-kieli 45 SMIL: Vahvuuksia 46 Synchronized Multimedia Integration Language W3C:n suositus ääntä, videota, kuvia ja tekstiä sisältävien esitysten koostamiseen reaaliaikaisesti XML-pohjainen 2.0-versio vuodelta 2001 Viittaaminen medialeikkeisiin SMIL-esityksen elementtien vaihtaminen helppoa Adaptiivisuus aikatasossa esitystä tehtäessä ei tarvitse olla tiedossa leikkeiden tarkka kesto XML-dokumentti helppo muokattavuus ohjelmallisesti SMIL-esityksen layout-määrittely <?xml version= 1.0 encoding= ISO ?> <smil xmlns= > <head> <layout> <root-layout width="572" height= 528"/> <region id= A1" left="4" top="4" width= 280" height="240" /> <region id= A3" left="0" top= 248" width= 280 height= 280" /> <region id= A2" left= 288" top="4 width= 380" height="350" /> </layout> <transition id= fade type= fade dur= 1s /> </head> <body> </body> </smil> SMIL-esityksen layout, johon on määritelty kolme esitysaluetta 47 SMIL-esityksen aikaulottuvuus Leikkeet peräkkäin: <body> <seq> <img src= kuva1.gif region= A2 > <img src= kuva1.gif region= A2 > <img src= kuva1.gif region= A2 start= 2s > </seq> </body> Leikkeet rinnakkain: <body> <par> <audio src= audio.mp3 dur= 20s > <img src= kuva1.gif region= A2 > <video src= video.rm region= A1 start= 5s > </par> </body> 48

13 Esimerkki SMIL-esityksestä: Luentotallenne 49 Esimerkki: Videoleike kotisivulle 50 Videokuvaa luennoijasta (RealMedia) Luennon sisällysluettelo (RealText) Esimerkkejä: Luentokalvot (RealPix + GIF-kuvat) Mitä tarvitaan? videoleike digitaalisessa muodossa (AVI tai Quicktime) RealProducer-ohjelma ( WWW-palvelin Toimenpiteet: 1) videoleikkeen kompressointi RealProducerilla 2) meta-tiedostojen (.ram) ja HTML-tiedostojen luonti (tekstieditori) 3) tiedostojen siirto WWW-palvelimelle (esim. FTP) 1) Videoleikkeen kompressointi Real Producer: Huomioitavia parametrejä: kohdeyleisön Internet-yhteyksien nopeus/nopeudet sijoituspaikkana Real Server (SureStream) vai normaali WWW-palvelin (Single Rate)? audioraidan tyyppi (puhetta vai musiikkia) Tässä tapauksessa: käytetään WWW-palvelinta ja halutaan kolme nopeusversiota: 56kbit/s, 128kbit/s, 256kbit/s kolme eri RealMedia (.rm) tiedostoa

14 2) Linkkisivujen luonti 53 3) Tiedostojen siirto WWW-palvelimelle 54.ram-tiedosto: välttämätön, koska oikeaa videotiedostoa ei kannata linkittää suoraan HTML-sivulle --video1.ram FTP, SFTP, verkkolevy, jos kaikki tiedostot siirretään samaan hakemistoon, hakemistolistaus näyttää seuraavalta: html-tiedosto: tehdään normaali linkki.ram-tiedostoon --videoita.html-- <a href= video1.ram >Video 1</a> -- Esimerkki 2: Flash-videoleike kotisivulle Mitä tarvitaan? videoleike digitaalisessa muodossa (AVI tai Quicktime) FLV-pakkausohjelma, esim. Riva FLV Encoder ( Flash FLV Player -soitto-ohjelma, (esim. JavaScript-wrapper Flash-objektin sijoittamiseen HTML-sivulle (ei välttämätön) tai 55 Esimerkki 2: Flash-videoleike kotisivulle Toimenpiteet: 1) videoleikkeen kompressointi flv-tiedostoksi 2) HTML-tiedostojen luonti ja Flash FLV soittoohjelman upottaminen siihen 3) tiedostojen siirto WWW-palvelimelle 56

15 1) FLV-tiedoston tuottaminen 57 2) HTML-merkkaus 58 <html> <head> <title>flash Video Player</title> <script type="text/javascript" src="ufo.js"></script> </head> <body> <p id="flvplayer">vaihtoehtoinen sisältö, joka korvataan videoleikkeellä</p> <script type="text/javascript"> var FO = { movie:"flvplayer.swf",width:"320",height:"260", majorversion:"7",build:"0", flashvars:"file=video.flv&autostart=false" }; UFO.create(FO, "flvplayer"); </script> </body> </html> 3) Tiedostojen siirto WWW-palvelimelle 59 Muistilista 60 FTP, SFTP, verkkolevy, jos kaikki tiedostot siirretään samaan hakemistoon, hakemistolistaus näyttää seuraavalta: valitse kohdeyleisö ja selvitä heidän käytössään olevat tietoliikenneyhteydet määrittele maksimi bitrate:t stream-multimediamateriaalille (75% ideaaliarvosta) valitse multimedia-arkkitehtuuri ja koodekki, jotka soveltuvat parhaiten haluttuun materiaaliin (mitä medioita halutaan käyttää, kompressointi, tuki eri yhteysnopeuksille, HTTP- vai oikea stream) valitse välitystapa: `laatikko'protokolla (Flash, WM, Quicktime) vs SMIL (kukin media omassa tiedostossaan) ääni on tärkeintä, huonoakin videokuvaa jaksaa katsella, jos ääni on kunnossa

16 Yhteenveto 61 Multimediamateriaalit ovat osa WWW:tä, vaikka yhteysnopeudet vaihtelevat paljon mobiiliyhteydet vs laajakaistayhteydet ei ole olemassa yhtä ainoaa oikeata digitaalista multimediateknologiaa, joka toimisi kaikissa tilanteissa (Microsoft tosin yrittää tätä...) Sisältö ratkaisee, ei tekniikka! (mutta tekniikan on toimittava...)

Luentojen sisältö. Informaatiotyypit. Digitaalisuuden edut. Videokuva ja videomateriaalin käyttö verkossa

Luentojen sisältö. Informaatiotyypit. Digitaalisuuden edut. Videokuva ja videomateriaalin käyttö verkossa 1 Luentojen sisältö 2 Videokuva ja videomateriaalin käyttö verkossa Pasi Häkkinen Hypermedialaboratorio Digitaalisen Median Instituutti, TTY E-mail: pasi.hakkinen@tut.fi Hypermedian perusteet 18.-20.10.2005

Lisätiedot

Videokuva ja videomateriaalin käyttö verkossa

Videokuva ja videomateriaalin käyttö verkossa 1 Videokuva ja videomateriaalin käyttö verkossa Pasi Häkkinen Hypermedialaboratorio Digitaalisen Median Instituutti, TTY E-mail: pasi.hakkinen@tut.fi Hypermedian perusteet 18.-20.10.2005 Luentojen sisältö

Lisätiedot

Videokuva ja videomateriaalin käyttö verkossa. Pasi Häkkinen Digitaalisen Median Instituutti, TTKK Hypermedialaboratorio E-mail: pasi.hakkinen@tut.

Videokuva ja videomateriaalin käyttö verkossa. Pasi Häkkinen Digitaalisen Median Instituutti, TTKK Hypermedialaboratorio E-mail: pasi.hakkinen@tut. Videokuva ja videomateriaalin käyttö verkossa Pasi Häkkinen Digitaalisen Median Instituutti, TTKK Hypermedialaboratorio E-mail: pasi.hakkinen@tut.fi Hypermedian perusteet 16.10.2002 PH @ HP2002 10/2002

Lisätiedot

Luentojen sisältö. Informaatiotyypit. Digitaalisuuden edut. Videokuva ja videomateriaalin käyttö verkossa

Luentojen sisältö. Informaatiotyypit. Digitaalisuuden edut. Videokuva ja videomateriaalin käyttö verkossa 1 Luentojen sisältö 2 Videokuva ja videomateriaalin käyttö verkossa Pasi Häkkinen Hypermedialaboratorio Digitaalisen Median Instituutti, TTY E-mail: pasi.hakkinen@tut.fi Hypermedian perusteet 12.-14.10.2004

Lisätiedot

Videokuva ja videomateriaalin käyttö verkossa

Videokuva ja videomateriaalin käyttö verkossa 1 Videokuva ja videomateriaalin käyttö verkossa Pasi Häkkinen Hypermedialaboratorio Digitaalisen Median Instituutti, TTY E-mail: pasi.hakkinen@tut.fi Hypermedian perusteet 12.-14.10.2004 Luentojen sisältö

Lisätiedot

TV-resoluutioiden vertailu. Viihde. Koulutus. Uutiset. Web 2.0 -palvelut: Yritysviestintä. Mainonta

TV-resoluutioiden vertailu. Viihde. Koulutus. Uutiset. Web 2.0 -palvelut: Yritysviestintä. Mainonta 1 Luentojen sisältö 2 Videokuva ja videomateriaalin käyttö verkossa Pasi Häkkinen Tampereen teknillinen yliopisto S-posti: pasi.hakkinen@tut.fi Videon käyttökohteita verkossa Videomateriaalin tuottaminen

Lisätiedot

Videokuva ja videomateriaalin käyttö verkossa

Videokuva ja videomateriaalin käyttö verkossa 1 Videokuva ja videomateriaalin käyttö verkossa Pasi Häkkinen Hypermedialaboratorio Digitaalisen Median Instituutti, TTY E-mail: pasi.hakkinen@tut.fi Hypermedian perusteet 17.-18.10.2006 Luentojen sisältö

Lisätiedot

Videokuva ja videomateriaalin käyttö verkossa

Videokuva ja videomateriaalin käyttö verkossa Videokuva ja videomateriaalin käyttö verkossa Pasi Häkkinen Hypermedialaboratorio Digitaalisen Median Instituutti, TTY E-mail: pasi.hakkinen@tut.fi Hypermedian perusteet 15.10.2003 PH @ HP2003 10/2003

Lisätiedot

Videokuva ja videomateriaalin käyttö verkossa

Videokuva ja videomateriaalin käyttö verkossa 1 Videokuva ja videomateriaalin käyttö verkossa Pasi Häkkinen Tampereen teknillinen yliopisto S-posti: pasi.hakkinen@tut.fi Johdatus hypermediaan 2009 Luentojen sisältö 2 Videon käyttökohteita verkossa

Lisätiedot

ARVO - verkkomateriaalien arviointiin

ARVO - verkkomateriaalien arviointiin ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 5/8: Mediaelementit Edellinen

Lisätiedot

Videokuvan siirtäminen kamerasta tietokoneelle Windows Movie Maker -ohjelman avulla

Videokuvan siirtäminen kamerasta tietokoneelle Windows Movie Maker -ohjelman avulla Videokuvan siirtäminen kamerasta tietokoneelle Windows Movie Maker -ohjelman avulla 1. Digivideokamera liitetään tietokoneeseen FireWire-piuhalla. (Liitännällä on useita eri nimiä: myös IEEE 1394, DV,

Lisätiedot

Mediaelementit. Mirja Jaakkola

Mediaelementit. Mirja Jaakkola Mediaelementit Mirja Jaakkola Sisältö 3. Multimedia 4. Animaatio 7. Gif-animaatio 8. Flash-animaatio 9. Ääni 10.Ääni object-elementillä 11.Video 12.Videon lisääminen www-sivulle 13.Flash-video 16.Lähteet

Lisätiedot

TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN

TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN YLEISTÄ LUENNOT (8 H) & TYÖPAJA (2 H) YHTEYSTIEDOT ville.salminen@oulu.fi VÄLINEET Tekstieditori Mieluummin Windowsin Notepad kuin esimerkiksi Microsoft Word

Lisätiedot

Verkkojulkaisualusta Moniviestin.

Verkkojulkaisualusta Moniviestin. Verkkojulkaisualusta Moniviestin http://moniviestin.jyu.fi Mikä on Moniviestin? http://moniviestin.jyu.fi Jyväskylän yliopiston virtuaaliyliopistohankkeen kehittämä verkkojulkaisualusta Hyödynnetään kaikkia

Lisätiedot

4.3.2010 1. Videoiden digitointi Nuorisoasiainkeskuksessa

4.3.2010 1. Videoiden digitointi Nuorisoasiainkeskuksessa 4.3.2010 1 Videoiden digitointi Nuorisoasiainkeskuksessa Myötätuulessa nuorten digitaaliset oppimisympäristöt Myötätuulessa on vuonna 2009 alkanut Euroopan sosiaalirahaston tukema hanke. Sen tavoitteena

Lisätiedot

Langattoman kotiverkon mahdollisuudet

Langattoman kotiverkon mahdollisuudet Langattoman kotiverkon mahdollisuudet Tietoisku 5.4.2016 mikko.kaariainen@opisto.hel.fi Lataa tietoiskun materiaali netistä, kirjoita osoite selaimen osoitelokeroon: opi.opisto.hel.fi/mikko Tietoverkot

Lisätiedot

Videoeditointi: Adobe Premiere Pro CS4

Videoeditointi: Adobe Premiere Pro CS4 Videoeditointi: Adobe Premiere Pro CS4 Sisältö Yleistä... 1 Ohjelman käynnistäminen... 2 Videon käyttöönotto... 4 Videon editoiminen... 6 Efektien lisääminen ja hienosäätö... 8 Tekstien lisääminen... 9

Lisätiedot

AV-muotojen migraatiotyöpaja - ääni. KDK-pitkäaikaissäilytys 2013 -seminaari 6.5.2013 / Juha Lehtonen

AV-muotojen migraatiotyöpaja - ääni. KDK-pitkäaikaissäilytys 2013 -seminaari 6.5.2013 / Juha Lehtonen AV-muotojen migraatiotyöpaja - ääni KDK-pitkäaikaissäilytys 2013 -seminaari 6.5.2013 / Juha Lehtonen Äänimuodot Ääneen vaikuttavia asioita Taajuudet Äänen voimakkuus Kanavien määrä Näytteistys Bittisyvyys

Lisätiedot

Hajautetut käyttöliittymät. Kuvat www-sivulla

Hajautetut käyttöliittymät. Kuvat www-sivulla Hajautetut käyttöliittymät Kuvat www-sivulla Perusteita Pikselien väri näytöllä muodostuu punaisesta, sinisestä ja vihreästä valosta, jotka erilaisina yhdistelminä muodostavat kaikki muut värit ja yhdessä

Lisätiedot

Digitaalisen videonkäsittelyn perusteet Jukka Teuhola Turun yliopisto IT-laitos, Tietojenkäsittelytiede Syksy-2009 DVP-1 Teuhola 2009 1 1. Johdanto Yleistä Sisältösuunnitelma Materiaali Mistä on kysymys?

Lisätiedot

Dahua NVR4104/4108-P-4KS2

Dahua NVR4104/4108-P-4KS2 1 Dahua NVR4104/4108-P-4KS2 Dahua NVR4000-4KS2 on ensimmäinen Lite-sarjan tallennin joka tukee 4K resoluutiota ja H.265 videopakkausta. Tämä lite-sarjan tallennin tarjoaa jopa 8Mp kuvatarkkuuden. Tallennin

Lisätiedot

JFK 5.9.2007. Movie Maker

JFK 5.9.2007. Movie Maker Movie Maker Windows Movie Maker... 2 Käyttöliittymä... 2 Aloitus... 4 Kaappaus... 4 Liikkuva kuva... 4 Äänen kaappaus... 6 Kuvan kaappaus... 7 Valmiit aineistot... 7 Muokkaus... 8 Leikkeiden muokkaus...

Lisätiedot

Operatiiviset päivät Ohjeita luennoitsijoille AV-tekniikasta

Operatiiviset päivät Ohjeita luennoitsijoille AV-tekniikasta Operatiiviset päivät 15.-17.11.2017 Ohjeita luennoitsijoille AV-tekniikasta 1. Luentosalin AV-tekniikka ja esityksen valmistelu Helsingin Messukeskuksen luentotilojen varustukseen kuuluu verkkoliittymä

Lisätiedot

Adobe Premiere 6.0 ohjelmasta

Adobe Premiere 6.0 ohjelmasta 1 Adobe Premiere 6.0 ohjelmasta 1. Ohjelman käynnistys...2 2 Ohjelman näkymän esittely...3 Työskentelytila...3 3 VIDEON KAAPPAUS:...6 3.1. Tallennuspaikka valitaan valitsemalla...6 3. 2. Kaappaus aloitetaan

Lisätiedot

PLAY. TP1 Mobiili musiikkikasvatusteknologia MEDIAT Kuvan ja äänen tallentaminen, muokkaaminen ja jakaminen (v1.1)

PLAY. TP1 Mobiili musiikkikasvatusteknologia MEDIAT Kuvan ja äänen tallentaminen, muokkaaminen ja jakaminen (v1.1) PLAY TP1 Mobiili musiikkikasvatusteknologia MEDIAT Kuvan ja äänen tallentaminen, muokkaaminen ja jakaminen 4.2.2016 (v1.1), projektipäällikkö Sisältö Kuvan ja äänen tallentaminen, muokkaaminen ja jakaminen

Lisätiedot

HTML5 video, audio, canvas. Mirja Jaakkola

HTML5 video, audio, canvas. Mirja Jaakkola HTML5 video, audio, canvas Mirja Jaakkola Video webbisivulla HTML5 mahdollistaa videon lisäämisen webbi-sivuille ilman plugineja. Yleisimmät videoformaatit webissä: Mpeg-4 eli H.264 Ogg Flash Perustuu

Lisätiedot

8 Multimedian elementtejä: kuva

8 Multimedian elementtejä: kuva 8 Multimedian elementtejä: kuva Näyttävän hypermedian keskeinen elementti on kuva. Kuvankäsittelyyn liittyy sekä teknisiä (miten) että sisällöllisiä piirteitä (mitä ja kenelle). Seuraavassa käsitellään

Lisätiedot

Muistio. Att:Videokerho Monitori ry:n jäsenet SUB: ÄÄNI-KUVA- JA VIDEOTIEDOSTOFORMAATIT. 1 Tiedostojärjestelmistä

Muistio. Att:Videokerho Monitori ry:n jäsenet SUB: ÄÄNI-KUVA- JA VIDEOTIEDOSTOFORMAATIT. 1 Tiedostojärjestelmistä Pvm:01.03.2011 Att:Videokerho Monitori ry:n jäsenet SUB: ÄÄNI-KUVA- JA VIDEOTIEDOSTOFORMAATIT 1 Tiedostojärjestelmistä Tietokoneiden sisäisessä tietojenkäsittelyssä ja tietojen hallinnassa on käytössä

Lisätiedot

Kuvaruudun striimaus tai nauhoitus. Open Broadcaster Software V.20. Tero Keso, Atso Arat & Niina Järvinen (muokattu )

Kuvaruudun striimaus tai nauhoitus. Open Broadcaster Software V.20. Tero Keso, Atso Arat & Niina Järvinen (muokattu ) Kuvaruudun striimaus tai nauhoitus Open Broadcaster Software V.20 Tero Keso, Atso Arat & Niina Järvinen (muokattu 28.11.2017) OBS 1 (12) Sisällysluettelo Mikä on OBS... 2 Ohjelman perusasetukset... 2 Tarvittavat

Lisätiedot

Online-kurssien pikaopas Adobe Connect -yhteyden käyttämiseen

Online-kurssien pikaopas Adobe Connect -yhteyden käyttämiseen Online-kurssien pikaopas Adobe Connect -yhteyden käyttämiseen Laitteisto ja ohjelmat Sovelton Online-kurssit käyttävät alustanaan Adobe Connect -ympäristöä. Asiakasohjelmaksi riittää pelkkä www-selain

Lisätiedot

Adobe Premiere Elements 3.0 -moniste

Adobe Premiere Elements 3.0 -moniste Adobe Premiere Elements 3.0 -moniste by Sami Mäkinen Sisällysluettelo Videoprojektin luominen...1 Median tuominen projektiin...2 Leikkeiden lisääminen, poistaminen, valitseminen ja siirtäminen...3 Projektin

Lisätiedot

Videoista voimaa! Parempia videoita mobiilisti. Jonne Hirvonen.

Videoista voimaa! Parempia videoita mobiilisti. Jonne Hirvonen. Videoista voimaa! Parempia videoita mobiilisti Jonne Hirvonen Miksi video? Herättää huomiota Kertoo tarinoita Synnyttää tunteita Jää mieleen Videoita mobiilisti? Älypuhelin = tietokone + kamera = kaikki

Lisätiedot

Kuvan pakkaus JPEG (Joint Photographic Experts Group)

Kuvan pakkaus JPEG (Joint Photographic Experts Group) Kuvan pakkaus JPEG (Joint Photographic Experts Group) Arne Broman Mikko Toivonen Syksy 2003 Historia 1840 1895 1920-luku 1930-luku Fotografinen filmi Louis J. M. Daguerre, Ranska Ensimmäinen julkinen elokuva

Lisätiedot

AINEISTOJEN TEKNINEN OHJEISTUS 2009

AINEISTOJEN TEKNINEN OHJEISTUS 2009 AINEISTOJEN TEKNINEN OHJEISTUS 2009 VERKKOMAINONTA Esa Verkkomedia noudattaa verkkomainonnassa alan yleisiä standardeja. Bannerimainokset voidaan toimittaa jpg-, gif-, html- tai flash-muodoissa. Lisäksi

Lisätiedot

Lync-järjestelmän käyttö etäpalvelussa Työasemavaatimukset ja selainohjelman asennus. 14.10.2015 Valtiovarainministeriö

Lync-järjestelmän käyttö etäpalvelussa Työasemavaatimukset ja selainohjelman asennus. 14.10.2015 Valtiovarainministeriö Lync-järjestelmän käyttö etäpalvelussa Työasemavaatimukset ja selainohjelman asennus 14.10.2015 Valtiovarainministeriö 1 1 Taustaa Nykyisten videoneuvottelulaitteiden sopimus päättyy vuoden 2015 lopussa.

Lisätiedot

7 Multimedian elementtejä: kuva

7 Multimedian elementtejä: kuva 7 Multimedian elementtejä: kuva Näyttävän hypermedian keskeinen elementti on kuva. Kuvankäsittelyyn liittyy sekä teknisiä (miten) että sisällöllisiä piirteitä (mitä ja kenelle). Seuraavassa käsitellään

Lisätiedot

Adobe Premiere Elements ohjeet

Adobe Premiere Elements ohjeet Adobe Premiere Elements ohjeet 1. Käynnistä ohjelma kaksoisnapsauttamalla työpöydän kuvaketta. 2. Avautuvasta Elements-ikkunasa valitse a. New Project jos aloitat uuden videoeditoinnin. b. Open Project

Lisätiedot

Juha Henriksson. Digitaalinen äänentallennus. 5.12.2005 Dr. Juha Henriksson Finnish Jazz & Pop Archive

Juha Henriksson. Digitaalinen äänentallennus. 5.12.2005 Dr. Juha Henriksson Finnish Jazz & Pop Archive Juha Henriksson Digitaalinen äänentallennus 1 Äänen korkeus Ääni on värähtelyä, joka etenee ilmassa ilmamolekyylien harventumina ja tiivistyminä Äänen korkeutta kutsutaan äänen taajuudeksi Taajuuden yksikkö

Lisätiedot

Videoneuvottelu. Johdanto. Järjestelmät. Telepresensce. Laitteisto. Ryhmäneuvottelut

Videoneuvottelu. Johdanto. Järjestelmät. Telepresensce. Laitteisto. Ryhmäneuvottelut Videoneuvottelu Johdanto Johdanto Standardit Tuotteet Internet-puhelut Videoneuvottelua voidaan käyttää + Audio-visuaalinen kommunikointi + Dokumenttien jakaminen: teksti, taulukot ja kuvat Useita etuja

Lisätiedot

2. Videoteknologiaa Analoginen ja digitaalinen video Videokamera ja kuvanmuodostus Videosignaalityypit Tallennusjärjestelmät Formaatit DVP-2 Teuhola 2009 17 Analoginen vs. digitaalinen signaali Analoginen

Lisätiedot

7 Multimedian elementtejä: kuva

7 Multimedian elementtejä: kuva 7 Multimedian elementtejä: kuva 7 Multimedian elementtejä: kuva Näyttävän hypermedian keskeinen elementti on kuva. Kuvan käsittelyyn liittyy sekä teknisiä (miten) että sisällöllisiä piirteitä (mitä ja

Lisätiedot

Digitaalisen tallennuksen edelläkävijä

Digitaalisen tallennuksen edelläkävijä Digitaalisen tallennuksen edelläkävijä NUUO digitaalitallentimet edustavat analogisen ja IP-pohjaisen videovalvonnan uusinta teknologiaa. NUUO tarjoaa kehittyneitä ratkaisuja kameravalvonnan lisäksi myös

Lisätiedot

Sivu 1/5 Mitä CD- tai DVD-muotoa tulisi käyttää? Tässä artikkelissa Tarpeita vastaavan levyn ja muodon valinta Tietoja Live File Systemin ja masteroidun levymuodon eroista Miksi Live File System -muodosta

Lisätiedot

Videon tallentaminen Virtual Mapista

Videon tallentaminen Virtual Mapista Videon tallentaminen Virtual Mapista Kamera-ajon tekeminen Karkean kamera ajon teko onnistuu nopeammin Katseluohjelmassa (Navigointi > Näkymät > Tallenna polku). Liikeradan ja nopeuden tarkka hallinta

Lisätiedot

Lähetys- ja jakelutekniikat

Lähetys- ja jakelutekniikat Lähetys- ja jakelutekniikat Sami Andberg (Helsingin yliopisto) gamedbrains.tv / Andberg Consulting Oy Sisältöä Digitaalisen videon (ja äänen) tekniikasta Mediatiedostot, kehykset Kuva- ja äänivirrat Jakelutekniikat

Lisätiedot

Formaattien muunnokset 01012016 pva

Formaattien muunnokset 01012016 pva Formaattien muunnokset 01012016 pva 1. VLC media player 2. Videon katselu 3. Audioformaatin muunnos 4. Videoformaatin muunnos 5. Extraa. Videoformaatin muunnos-2 6. Testaus Yleistä Digitoitu multimedia

Lisätiedot

Kielioppivideon tekeminen

Kielioppivideon tekeminen Kielioppivideon tekeminen Otavan Opisto 2013 1 Kielioppivideo Kielioppivideolla tarkoitetaan sellaista oppimateriaalia, jossa opettaja selostaa kielioppiin liittyviä asioita. Puheen lisäksi näytetään tekstiä

Lisätiedot

Helsingin Sanomat ipad

Helsingin Sanomat ipad Helsingin Sanomat ipad Sovelluksen mainosaineistojen tekniset ohjeet: kokosivu ja etusivu 13.5.2013 SISÄLLYS ipad-mainokset 2 Tekniikka ja tiedostokoot 3 Orientaatio 4 Linkit: richie-modal-browser 4 Gesture

Lisätiedot

Javan asennus ja ohjeita ongelmatilanteisiin

Javan asennus ja ohjeita ongelmatilanteisiin Javan asennus ja ohjeita ongelmatilanteisiin Javaa tarvitaan Fivaldin Sovellusikkunan alaisiin sovelluksiin, jotka käyttävät Oracle Forms -tekniikkaa. Visma Fivaldin osalta suosittelemme aina käyttämään

Lisätiedot

Kuvankäsittely. DigiReWork Annamari Mäenhovi Kati Nieminen

Kuvankäsittely. DigiReWork Annamari Mäenhovi Kati Nieminen Kuvankäsittely DigiReWork 14.11.2017 Annamari Mäenhovi Kati Nieminen Työpajan sisältö Valokuvaamisen karkeat perusteet Kuvien ottamisen ja käyttämisen laillisuus Digitaalinen kuva Erityisvaatimukset alustoille

Lisätiedot

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne

Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne Kotisivuohjeet Tässä ohjeessa käydään läpi kotisivujen tekemisen perusteet keskittyen html-koodiin ja sen ominaisuuksiin. Sivupohjissa ulkoasu ja rakenne on pääasiassa jaettu erilliseen css-tyylitiedostoon,

Lisätiedot

KYMENLAAKSON AMMATTIKORKEAKOULU Tietotekniikan koulutusohjelma / Tietoverkkotekniikka. Joni Korjala APACHE WWW-PALVELIN Seminaarityö 2012

KYMENLAAKSON AMMATTIKORKEAKOULU Tietotekniikan koulutusohjelma / Tietoverkkotekniikka. Joni Korjala APACHE WWW-PALVELIN Seminaarityö 2012 KYMENLAAKSON AMMATTIKORKEAKOULU Tietotekniikan koulutusohjelma / Tietoverkkotekniikka Joni Korjala APACHE WWW-PALVELIN Seminaarityö 2012 SISÄLLYS 1 JOHDANTO 3 2 WWW-PALVELIMEN TOIMINTA 4 3 OMINAISUUDET

Lisätiedot

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla

Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla 1 ENTITEETIT Tehtävä 1. Tietokoneet ja käyttöjärjestelmät käyttävät erilaisia merkkijärjestelmiä ja varsinkin Internetin alkutaipaleella aiheutti sen, että jotkut merkit eivät näkyneet kaikilla oikein.

Lisätiedot

DIGITAALINEN Kauppakeskusmedia

DIGITAALINEN Kauppakeskusmedia DIGITAALINEN Kauppakeskusmedia AINEISTO-OHJE Mainosaineiston toimitus Mainospinnat Video Still Materiaalin toimitus kampanjan alkua edeltävänä arkipäivänä klo 12 mennessä osoitteesseen tuotanto@meks.fi

Lisätiedot

Ohjeita luennoitsijoille AV-tekniikasta

Ohjeita luennoitsijoille AV-tekniikasta 1 (5) Ohjeita luennoitsijoille AV-tekniikasta 1. Luentosalin AV-tekniikka ja esityksen valmistelu Messukeskuksen luentotilojen perusvarustukseen kuuluu langallinen nettiyhteys puhujapöntössä, kannettava

Lisätiedot

Office 2013 - ohjelmiston asennusohje

Office 2013 - ohjelmiston asennusohje Office 2013 - ohjelmiston asennusohje Tämän ohjeen kuvakaappaukset on otettu asentaessa ohjelmistoa Windows 7 käyttöjärjestelmää käyttävään koneeseen. Näkymät voivat hieman poiketa, jos sinulla on Windows

Lisätiedot

Videoeditointi: Adobe Premiere Pro CC 2014

Videoeditointi: Adobe Premiere Pro CC 2014 Videoeditointi: Adobe Premiere Pro CC 2014 Sisältö Yleistä... 1 Ohjelman käynnistäminen... 2 Videon käyttöönotto... 5 Videon editoiminen... 8 Efektien lisääminen ja hienosäätö... 10 Tekstien lisääminen...

Lisätiedot

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009

Verkkosivut perinteisesti. Tanja Välisalo 11.2.2009 Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate

Lisätiedot

Echo360 - luentovideot

Echo360 - luentovideot Echo360 - luentovideot Ohjeita opiskelijalle Mikä on Echo360 Echo360 Moodlen kurssialueilla Videoiden katsominen Omat muistiinpanot videoissa Live-luennon katsominen Oman Echo360 videokirjaston käyttö

Lisätiedot

Ohje sähköiseen osallistumiseen

Ohje sähköiseen osallistumiseen Ohje sähköiseen osallistumiseen Kepan kevätkokouksessa käytetään Adobe Connect -sovellusta, joka mahdollistaa sähköisen osallistumisen kokouksiin. Kokoukseen osallistutaan henkilökohtaisella Adobe Connect

Lisätiedot

Echo360 - luentovideot. Ohjeita opiskelijalle

Echo360 - luentovideot. Ohjeita opiskelijalle Echo360 - luentovideot Ohjeita opiskelijalle Sisältö Mikä on Echo360 Echo360 Moodlen kurssialueilla Videoiden katsominen Omat muistiinpanot videoissa Live-luennon katsominen Oman Echo360 videokirjaston

Lisätiedot

WWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys

WWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys WWW-OHJELMOINTI 1 WWW-ohjelmoinnin kokonaisuus SGML, XML, HTML WWW-selaimen sovellusohjelmointi WWW-palvelimen sovellusohjelmointi Eero Hyvönen Tietojenkäsittelytieteen laitos Helsingin yliopisto 26.10.2000

Lisätiedot

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.

HTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli. HTML & CSS Antti Koivisto HTML (HyperText Markup Language)! HTML on sivujen kuvauskieli.! Se ei ole ohjelmointikieli.! HTML on merkintäkieli, joka koostuu monista merkintä tägeistä ().! Voidaan

Lisätiedot

Windows Movie Maker. Digitaaliset porfoliot oppimisen tukena Taitotyöpajat 7.12.2010. Videonkäsittely. Miisa Brännfors

Windows Movie Maker. Digitaaliset porfoliot oppimisen tukena Taitotyöpajat 7.12.2010. Videonkäsittely. Miisa Brännfors Windows Movie Maker Digitaaliset porfoliot oppimisen tukena Taitotyöpajat 7.12.2010 Videonkäsittely Miisa Brännfors MovieMaker:llä voit: Tuoda ohjelmaan videokuvaa ja valokuvia Muokata videokuvaa Listätä

Lisätiedot

Tekijä / Aihe 1

Tekijä / Aihe 1 14.12.2009 Tekijä / Aihe 1 IPTV Alueverkkojen näkökulmasta SimuNet Seminaari 7.12.2008 Vesa Kankare 14.12.2009 Vesa Kankare/ IPTV 2 Agenda Yleistä Palvelun laadun merkitys Aluedataverkon rooli tulevaisuuden

Lisätiedot

Vaatimusmäärittely Ohjelma-ajanvälitys komponentti

Vaatimusmäärittely Ohjelma-ajanvälitys komponentti Teknillinen korkeakoulu 51 Vaatimusmäärittely Ohjelma-ajanvälitys komponentti Versio Päiväys Tekijä Kuvaus 0.1 21.11.01 Oskari Pirttikoski Ensimmäinen versio 0.2 27.11.01 Oskari Pirttikoski Lisätty termit

Lisätiedot

Android ohjelmointi. Mobiiliohjelmointi 2-3T5245

Android ohjelmointi. Mobiiliohjelmointi 2-3T5245 Android ohjelmointi Mobiiliohjelmointi 2-3T5245 Mikä on Android? Linux kernelin päälle rakennettu, Googlen kehittämä sovelluspino mobiilisovelluksiin Erillinen versio puhelimelle ja taulutietokoneille

Lisätiedot

NUUO ETÄOHJELMA PIKAOPAS. Maahantuoja Dasys Oy Kaivolahdenkatu 6 00810 HELSINKI helpdesk@dasys.fi www.dasys.fi

NUUO ETÄOHJELMA PIKAOPAS. Maahantuoja Dasys Oy Kaivolahdenkatu 6 00810 HELSINKI helpdesk@dasys.fi www.dasys.fi Maahantuoja Dasys Oy Kaivolahdenkatu 6 00810 HELSINKI helpdesk@dasys.fi www.dasys.fi NUUO ETÄOHJELMA PIKAOPAS 1.0 Tallenteiden haku ja kamerakuvien katselu DASYS-NUUO Tallentimien mukana tulee cd-levy

Lisätiedot

Heikki Helin Metatiedot ja tiedostomuodot

Heikki Helin Metatiedot ja tiedostomuodot Heikki Helin 6.5.2013 Metatiedot ja tiedostomuodot KDK:n metatiedot ja tiedostomuodot KDK:n tekniset määritykset ja niiden väliset suhteet Aineistojen valmistelu ja paketointi on hyödyntäville organisaatioille

Lisätiedot

Tiedostojen siirto ja FTP - 1

Tiedostojen siirto ja FTP - 1 Tiedostojen siirto ja FTP Tiedonsiirto Sibelius-Akatemian hakemistosi ja jonkun muun koneen välillä (esim. kotikoneesi) Taustaa FTP on lyhenne sanoista File Transfer Protocol. Se on yhteystapa jolla siirretään

Lisätiedot

Videon tallentaminen Virtual Mapista

Videon tallentaminen Virtual Mapista Videon tallentaminen Virtual Mapista Kamera-ajon tekeminen Karkean kamera ajon teko onnistuu nopeimmin Katseluohjelmassa (Navigointi > Näkymät > Tallenna polku). Liikeradan ja nopeuden tarkka hallinta

Lisätiedot

Kieliversiointityökalu Java-ohjelmistoon. Ohje

Kieliversiointityökalu Java-ohjelmistoon. Ohje Kieliversiointityökalu Java-ohjelmistoon Ohje 2/6 SISÄLLYSLUETTELO 1 YLEISTÄ OHJELMASTA... 3 2 PÄÄ-IKKUNA...4 3 YLÄVALIKKO... 4 3.1 TIEDOSTO... 4 3.2 TOIMINTO... 4 3.3 ASETUKSET... 5 3.4 OHJE... 5 4 VÄLILEHDET...5

Lisätiedot

ULLA SANNIKKA. SENIORIN TIETOKONEOPAS Windows 10

ULLA SANNIKKA. SENIORIN TIETOKONEOPAS Windows 10 ULLA SANNIKKA SENIORIN TIETOKONEOPAS Windows 10 TALENTUM Helsinki 2015 11., uudistettu painos Talentum Media Oy ja Ulla Sannikka ISBN 978-952-14-2582-0 ISBN 978-952-14-2583-7 (sähkökirja) ISBN 978-952-14-2584-4

Lisätiedot

9 Multimedian elementtejä: ääni Webissä

9 Multimedian elementtejä: ääni Webissä 9 Multimedian elementtejä: ääni Webissä Ääni on multimedian ja siten hypermedian keskeisiä osa-alueita, joka on kuitenkin tietokonemaailmassa ollut pitkään vähemmällä huomiolla Ääniä käytetään: - sellaisenaan

Lisätiedot

Ohje sähköiseen osallistumiseen

Ohje sähköiseen osallistumiseen Ohje sähköiseen osallistumiseen Ilmoittautuminen Ilmoittautuminen tehdään sähköisesti sivulta; https://www.fingo.fi/meista/fingon-kokoukset/fingon-kevatkokous-2019 olevalla lomakkeella mielellään 18.4.2019

Lisätiedot

Sähköiset sisällöt yleisiin kirjastoihin - hanke Turku 10.9.2013 Aija Laine aija.laine@turku.fi

Sähköiset sisällöt yleisiin kirjastoihin - hanke Turku 10.9.2013 Aija Laine aija.laine@turku.fi Sähköiset sisällöt yleisiin kirjastoihin - hanke Turku 10.9.2013 Aija Laine aija.laine@turku.fi E-kirjalla on monia määritelmiä ja monta nimeä Tiedosto, joka käsittää kirjan lukijalle välittyvän sisällön

Lisätiedot

Skype for Business ohjelman asennus- ja käyttöohje Sisällys

Skype for Business ohjelman asennus- ja käyttöohje Sisällys Skype for Business ohjelman asennus- ja käyttöohje Sisällys Kirjautuminen Office 365 -palveluun... 2 Skype for Business ohjelman asentaminen... 3 Yhteyshenkilöiden lisääminen Skype for Business ohjelmassa...

Lisätiedot

Heli Ruoho. Opetusvideoiden digitaaliset tuotantojärjestelmät. Espoon - Vantaan teknillinen ammattikorkeakoulu Viestintätekniikan koulutusohjelma

Heli Ruoho. Opetusvideoiden digitaaliset tuotantojärjestelmät. Espoon - Vantaan teknillinen ammattikorkeakoulu Viestintätekniikan koulutusohjelma Espoon - Vantaan teknillinen ammattikorkeakoulu Viestintätekniikan koulutusohjelma Heli Ruoho Opetusvideoiden digitaaliset tuotantojärjestelmät Insinöörityö. 25.4.2001 Työn ohjaaja: professori Leevi Kääriäinen

Lisätiedot

T-111.361 Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot

T-111.361 Hypermediadokumentin laatiminen. Sisältö. Tavoitteet. Mitä on www-ohjelmointi? Arkkitehtuuri (yleisesti) Interaktiivisuuden keinot T-111.361 Hypermediadokumentin laatiminen -Ohjelmointi Peruskäsitys www-ohjelmoinnin kentästä Tekniikat interaktiivisuuden toteuttamiseen tekniikat tekniikat Tietokannat Juha Laitinen TKK/TML juha.laitinen@hut.fi

Lisätiedot

bloggie - hauska ja helppo Mobile HD Snap -kamera

bloggie - hauska ja helppo Mobile HD Snap -kamera Tiedote 7.1.20100 bloggie - hauska ja helppo Mobile HD Snap -kamera Pieni ja kompakti MHS-PM5/PM5K ja MHS-CM5 tallentaa 1920x1080 teräväpiirtoisia MP4-videoita ja viiden megapikselin valokuvia. Tyylikäs,

Lisätiedot

Adobe Connect eli AC on tietokoneella käytettävä verkkokokous- ja -koulutusjärjestelmä.

Adobe Connect eli AC on tietokoneella käytettävä verkkokokous- ja -koulutusjärjestelmä. OSALLISTUJAN OHJEET Adobe Connect 9 -verkkokokoukseen 1 Adobe Connect eli AC on tietokoneella käytettävä verkkokokous- ja -koulutusjärjestelmä. Laitteistovaatimukset AC:n käyttö vaatii melko uuden tietokoneen,

Lisätiedot

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset

Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset Vaatimusmäärittely Digi-tv vastaanottimella toteutetut interaktiiviset sovellukset Versio Päiväys Tekijä Kuvaus 0.1 12.10.01 Pekka Koskinen Ensimmäinen luonnos 0.2 17.10.01 Pekka Koskinen Lisätty vaatimuksia

Lisätiedot

K-Lite Codec Pack v2.48 Asennusohje (toimii myös uusissa versioissa)

K-Lite Codec Pack v2.48 Asennusohje (toimii myös uusissa versioissa) K-Lite Codec Pack v2.48 Asennusohje (toimii myös uusissa versioissa) Niko Rautava 2006 http://koti.mbnet.fi/nrautava Kannattaa ainakin kokeilla ensimmäisellä kerralla näiden ohjeitten mukaan, koska tässä

Lisätiedot

Purot.net Wiki. Tutkielma. Paavo Räisänen. Centria Ammattikorkeakoulu 24.10.2012

Purot.net Wiki. Tutkielma. Paavo Räisänen. Centria Ammattikorkeakoulu 24.10.2012 Purot.net Wiki Tutkielma Paavo Räisänen Centria Ammattikorkeakoulu 24.10.2012 Sisällysluettelo 1: Esittely 2: Perustaminen 3: Uuden sivun luonti 4: Kuvien lisääminen 5: Linkin lisääminen 6: Lopuksi 1:

Lisätiedot

Fiscal INFO TV -ohjelmisto koostuu kolmesta yksittäisestä ohjelmasta, Fiscal Media Player, Fiscal Media Manager ja Fiscal Media Server.

Fiscal INFO TV -ohjelmisto koostuu kolmesta yksittäisestä ohjelmasta, Fiscal Media Player, Fiscal Media Manager ja Fiscal Media Server. PIKA-ALOITUSOPAS Fiscal INFO TV -ohjelmisto koostuu kolmesta yksittäisestä ohjelmasta, Fiscal Media Player, Fiscal Media Manager ja Fiscal Media Server. Fiscal Media Manager -ohjelmalla tehdään kalenteri,

Lisätiedot

PortableApps.com ilmaisohjelmien asennus ja käyttö muistitikulla

PortableApps.com ilmaisohjelmien asennus ja käyttö muistitikulla PortableApps.com ilmaisohjelmien asennus ja käyttö muistitikulla 29.11.2016 mikko.kaariainen@opisto.hel.fi Luennon materiaali PDF-tiedostona: opi.opisto.hel.fi/mikko PortableApps.com Mahdollistaa ilmaisohjelmien

Lisätiedot

Linuxissa uusi elämä 1

Linuxissa uusi elämä 1 17.06.19 Linuxissa uusi elämä 1 Linux on hyvä vaihtoehto Windowsille Uusiin tai vanhempiin tietokoneisiin Miksi käyttäisin Linuxia Tekniikan Maailman Linux vinkki Siirtyisinkö Linuxiin? 17.06.19 Linuxissa

Lisätiedot

Vaihe 0: Mitä tarvitaan

Vaihe 0: Mitä tarvitaan Vaihe 0: Mitä tarvitaan Ohjeet päivitetty maaliskuussa 2010. tietokone, laajakaistayhteys väh. 256 kbps, kuulokkeet tai kaiutin, tarpeesta riippuen lisäksi web-kamera ja mikrofoni oheislaitesuosituksia

Lisätiedot

VHS -nauhojen digitointi tietokoneella

VHS -nauhojen digitointi tietokoneella VHS -nauhojen digitointi tietokoneella Finlux VCR 6257 videonauhuri 1. Avaa ohjelma MAGIX Video easy Rescue Your Videotapes -kuvakkeesta. 2. Ohjelman avauduttua valitse Luo uusi videoprojekti. Ohjelma

Lisätiedot

SA011102S SA011104S SA011108S. MP3-soitin

SA011102S SA011104S SA011108S. MP3-soitin SA011102S SA011104S SA011108S MP3-soitin Vanhan tuotteen ja siihen sisältyvän akun hävittäminen Kaikki tuotteemme on suunniteltu ja valmistettu laadukkaista materiaaleista ja komponenteista, jotka

Lisätiedot

media galleria tekstikirjasto näytönjako

media galleria tekstikirjasto näytönjako INFOSIGN PIKAOPAS 1. Järjestelmään kirjaudutaan selaimella tunnuksilla ja valitaan kieli (suomi, ruotsi, englanti, venäjä) 2. Ajastus kalenterille tehdään painamalla näytön nimeä tai vetämällä kalenterista

Lisätiedot

DAISY. Esteetöntä julkaisua

DAISY. Esteetöntä julkaisua DAISY Digital Accessible Information SYstem Esteetöntä julkaisua Markku Leino 27.4.2009 ESITYKSEN SISÄLTÖ Mikä on DAISY kirja? DAISY-järjestelmän lyhyt historia Miten rakentaa DAISY-kirja ja kirjatyypit

Lisätiedot

Visma Fivaldi. Ohjeet Java web startin ja HTML5-työkalun aktivointiin

Visma Fivaldi. Ohjeet Java web startin ja HTML5-työkalun aktivointiin Visma Fivaldi Ohjeet Java web startin ja HTML5-työkalun aktivointiin Visma Software Oy pidättää itsellään oikeuden mahdollisiin parannuksiin ja/tai muutoksiin tässä oppaassa ja/tai ohjelmassa ilman eri

Lisätiedot

AverCaster HD Duet pikaopas

AverCaster HD Duet pikaopas AverCaster HD Duet pikaopas 1. aivan ensimmäiseksi kytke AVerCaster Duet (LAN1 tai LAN2) lähiverkon kytkimeen (esim. GigEswitch, jossa on IGMP-tuki multicastingia varten) 2. liitä haluamasi ohjelmalähde

Lisätiedot

Tikon Web-sovellukset

Tikon Web-sovellukset Toukokuu 2015 1 (11) Tikon Web-sovellukset Toukokuu 2015 2 (11) 1 Johdanto... 3 2 Silverlight sovellukset... 3 2.1 Windows... 3 2.1.1 Microsoft Silverlight... 3 2.1.2 Tablet-laitteet... 4 2.1.3 Selaimet...

Lisätiedot

MINITV POCKET43 MINI DV VIDEOKAMERA

MINITV POCKET43 MINI DV VIDEOKAMERA MINITV POCKET43 MINI DV VIDEOKAMERA MAAILMAN PIENIN VIDEOKAMERA PIKAOHJE Copyright 2009 Bat. Power Oy www.batpower.fi Kaikki oikeudet muutoksiin pidätetään Versio 1.0 JOHDANTO Kiitos kun ostit MiniDV MD80

Lisätiedot

Nauti muistoista enemmän Sonyn. PlayMemories-sovellusperheellä

Nauti muistoista enemmän Sonyn. PlayMemories-sovellusperheellä osokuna Lehdistötiedote Julkaisuvapaa 29.8.2012 klo 17.45 Nauti muistoista enemmän Sonyn PlayMemories-sovellusperheellä Sonyn PlayMemories-sovellusperhe monipuolistaa kameraan, älypuhelimeen ja tablettiin

Lisätiedot

istopmotion 1.5 DV Animaatio-ohjelma

istopmotion 1.5 DV Animaatio-ohjelma istopmotion 1.5 DV Animaatio-ohjelma 2 SISÄLTÖ: 1. Animaation tekemisestä 2. istopmotion - käynnistys 3. Kuva-asetukset 4. Kameran liittäminen tietokoneeseen 5. Kuvien ottaminen 6. Animaation kuvaaminen

Lisätiedot

Älypuhelimet. Sisällysluettelo

Älypuhelimet. Sisällysluettelo Älypuhelimet Jussi Huhtala Sisällysluettelo Älypuhelimen määritelmä Historia Laitteistoarkkitehtuuri Käyttöjörjestelmät Android Symbian ios Yhteenveto 1 Älypuhelin Puhelin joka sisältää normaalit puhelimen

Lisätiedot

Oppimateriaalin tuottaminen videona

Oppimateriaalin tuottaminen videona Oppimateriaalin tuottaminen videona Kalle Romanov, yliopistonlehtori 4.2.2015 Esityksen sisältö Videon käyttöarvo, pedagoginen lisäarvo Videon tuottamisen tekniikkaa Videon jakelu /julkaisu Videokäytön

Lisätiedot