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

Koko: px
Aloita esitys sivulta:

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

Transkriptio

1 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 Videomateriaalin julkaiseminen verkossa Verkkovideoformaatit Esimerkki Flash Video leikkeen tuottamisesta ja julkaisemisesta kotisivuilla Hypermedian perusteet 2007 Videokuva 3 Tyypillisiä resoluutioita 4 Videokuva muodostuu peräkkäisistä stillkuvista, 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) Web-videot: 192x144, 12 fps (frame/s) 320x240, fps TV: PAL: 720x576, 25 fps NTSC: 720x480, 30 fps Teräväpiirto-TV (HDTV): 720p: 1280x720 progressiivinen, fps 1080i: 1920x1080 lomitettu, fps

2 TV-resoluutioiden vertailu 5 Videon käyttökohteita 6 Viihde elokuva-trailerit tilausvideot (esim. Koulutus kokonaiset luentotallenteet muu koulutusmateriaali Videon käyttökohteita 7 Videon käyttökohteita 8 Uutiset tv-uutiset verkossa muu uutismateriaali Yritysviestintä tuotejulkistukset sijoittajatapaamiset Web 2.0 -palvelut: käyttäjien itsensä tuottamat sisällöt: perhe- ja lomavideot, videoblogit,... Youtube ja sen kopiot reaaliaikaista videokuvaa, omat netti-tv - kanavat (esim. Floobs.fi) Mainonta

3 9 Tuotantovaiheet 10 Videomateriaalin tuottaminen Suunnittelu, käsikirjoitus, synopsis,... Lavastus ja valaistus Kuvaus ja äänitys Videon ja äänen editointi Julkaiseminen ja jakelu Videokamerat 11 Äänitys 12 Käytännössä aina digitaalisia Suuri variaatio: kännykkä- ja USBkameroista HDTV-studiokameroihin Tallennusformaatteja lukuisia: DV-nauha, DVD, kovalevy, Flash-muisti Vältä videokameran oman mikrofonin käyttöä -> erillinen mikrofoni Häiriöääninen minimointi jo äänitettäessä (editointivaiheessa työlästä) Liitännät Firewire (i.link, IEEE 1394): oikeat videokamerat USB: pienet ja halvat kamerat

4 Itse kuvattaessa Videoeditointi 14 tee käsikirjoitus huomioi valaistus käytä kamerajalustaa hanki kunnollinen mikrofoni Tarvittava varustus DV-editointiin: PC tai Mac Firewire-liitin (PCI-kortti euroa ohjelmistoineen) kaappaus- ja editointiohjelmisto riittävästi kovalevytilaa: tunti DV-videota vaatii n. 13 Gt levytilaa optionaalista: erillinen (ulk.) kovalevy, toinen näyttö, DV-kamera, jossa DV-in-liitäntä,... Hyvin kevyt varustus mahdollistaa laadukkaan videotuotannon Videoeditointi: tehtäviä 15 Videoeditointiohjelmistoja: Mac 16 Otosten trimmaus Otosten yhdistäminen (siirtymäefektit) Tekstin ja muun grafiikan lisääminen Äänileikkeiden liittäminen Värikorjaukset ja muiden videosuotimien hyödyntäminen Export loppuformaattiin: DV-nauha, video-dvd, verkkovideoformaatti imovie osa ilife-pakettia (n. $80) helppokäyttöinen HD-tuki Final Cut Pro ammattikäyttöön tarkoitettu ohjelmisto hinta yli 1000 saatava myös Express-versio

5 Videoeditointiohjelmistoja: Windows 17 Videoeditointiohjelmistoja: Windows 18 Windows Movie Maker 2 ilmainen DV- ja WindowsMedia-tuki VirtualDub open source runsaasti erilaisia suodattimia ei sovellu hyvin otosten yhdistämiseen Koti- ja harrastuskäyttöön sopivia ohjelmistoja (hintaluokka 100 ) Adobe Premiere Elements Pinnacle Studio Ulead VideoStudio Avid Free DV Videoeditointiohjelmistoja: Windows 19 Videomateriaalin tuottaminen: Web Vakavan harrastajan ohjelmistoja (hintaluokka ) Adobe Premiere Pro Avid Liquid ja Avid Xpress Sony Vegas Trendi: videomateriaalin kaappaaminen ja julkaiseminen pelkän selainkäyttöliittymän kautta Valmis palvelu: VideoEgg Alustaratkaisuja On2 Flix Publisher Sorenson Squish

6 21 Kompressointi 22 Videomateriaalin julkaiseminen verkossa 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) Kompressointi 23 Ääni ja videokuva WWW:ssä 24 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) 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

7 Ääni ja videokuva WWW:ssä 25 WWW-palvelin mediapalvelimena 26 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ä 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 Erilliset oikeat mediapalvelimet 27 Adaptiivisuus 28 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,...

8 Kuvan ja äänen laatu Analoginen modeemi (28,8 kbit/s) mono FM audio tai puhelintasoinen audio ja 1-5 fps pieni video 1 ISDN-kanava (64 kbit/s) stereo FM audio tai mono FM audio ja 2-7 fps pieni video 2 ISDN-kanavaa (128 kbit/s) lähes CD-tasoinen ääni tai stereo FM audio ja 5-10 fps video LAN, ADSL, ym. (500kbit/s - 1,5 Mbit/s) CD-tasoinen ääni ja DVD-tasoinen video 29 Adobe Flash Video Kasvattanut erittäin nopeasti suosiotaan (YouTube, Reuters, ) Flash Player -laajennus lähes kaikissa selaimissa yksinkertainen + varmatoiminen Upotetaan aina www-sivulle, soittimena sisällöntuottajan valitsema Flash-sovellus Soveltuu parhaiten pienten leikkeiden jakamiseen, mutta myös live-lähetykset mahdollisia mediapalvelimen kautta 30 Flash Video -leikkeiden jakaminen 31 Quicktime 32 Adoben kaupallinen Flash Media Server ( Macintosh-standardi (multimediatuotanto) multimedia-cd-rom:t Lighttpd-WWW-palvelin + mod_flv_streaming Red5: Open Source Flash Server ( Tavallinen WWW-palvelin päivitetty stream-aikakauteen tuettuja formaatteja mm. video, audio, teksti, VR, Flash, MP3, MPEG-4, 3GPP player-ohjelmasta kaksi versiota: tavallinen pelkkään katseluun ja Pro-versio sisällöntuotantoon (maksull.)

9 Darwin Sreaming Server 33 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 Real Universal Server 35 RealMedia - kuinka kaikki toimii käytännössä? 36 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

10 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ä 37 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 lisenssimaksut 38 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 39 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) 40

11 MPEG-4 uusin MPEG-standardi, tarkoitettu ennen kaikkea Internetkäyttöön, tulossa HDTV-lähetyksiin tukee kaikkia yhteysnopeuksia mobiiliyhteyksistä yli 10 Mbit/s 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 (parhaimpana AVC) tärkeimmät tukijat Apple (Quicktime), Cisco, Philips, Sun 41 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ä 42 Koodekit: Flash Video 43 Koodekit: Flash Video 44 H.263 peruskoodekki flv-tiedostoissa laajasti tuettu sekä pakkaus- että soittoohjelmissa On2 VP6 premium-koodekki vain osa pakkausohjelmista tukee (yl. maksullinen) vaatii Flash Player 8 tai uudemman H.264 tuki tällä hetkellä vain uusimmassa Flash Playerin beta-versiossa monikanavainen ääni (AAC) DRM-ominaisuudet

12 Koodekit: Quicktime 45 Koodekit: Quicktime 46 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 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ä Koodekit: Video for Windows/ASF 47 Koodekit: Video for Windows/ASF 48 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 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)

13 Koodekit: Video for Windows/ASF 49 Koodekit: RealSystems 50 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 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 Koodekit: DivX 51 Koodekit: XviD 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 6-versio kaupallinen tuote (ilmaisversio olemassa) tuki DVD-soittimissa yleistymässä vastaava koodekki ominaisuuksiltaan kuin DivX avoin lähdekoodi (GNU-lisenssi) ei lisenssimaksuja kehitys vapaaehtoisvoimin jatkuva kehitys soveltuu lähinnä harrastustoimintaan

14 Koodekit: x VideoLAN ja VLC Avoimen lähdekoodin koodekki H264/MPEG-4 AVC videoiden pakkaamiseen Open Source -projekti laajakaistaiseen streamaukseen MPEG-2, MPEG-4, DivX, ogg, DVD,... Erittäin tehokas Vaatii erikoisohjelmien käyttöä pakkausvaiheessa VLC (VideoLAN Client) yksi monista ilmaissoitto-ohjelmista Tiedostoformaatteina AVI ja Matroska (mkv) 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 55 Adobe Flash 56 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)

15 57 SMIL-kieli 58 SMIL multimediakuvauskieli Synchronized Multimedia Integration Language W3C:n suositus ääntä, videota, kuvia ja tekstiä sisältävien esitysten koostamiseen reaaliaikaisesti XML-pohjainen 2.1-versio vuodelta 2005, 3.0-versio draftasteella SMIL: Vahvuuksia Viittaaminen medialeikkeisiin SMIL-esityksen elementtien vaihtaminen helppoa Adaptiivisuus aikatasossa esitystä tehtäessä ei tarvitse olla tiedossa leikkeiden tarkka kesto XML-dokumentti helppo muokattavuus ohjelmallisesti 59 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 60

16 SMIL-esityksen aikaulottuvuus 61 Esimerkki SMIL-esityksestä: Luentotallenne Videokuvaa luennoijasta (RealMedia) 62 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> Luennon sisällysluettelo (RealText) Esimerkkejä: Luentokalvot (RealPix + GIF-kuvat) 63 Esimerkki: Videoleike kotisivulle 64 Esimerkit videoleikkeen julkaisemisesta: RealMedia ja Flash Video 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)

17 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 2) Linkkisivujen luonti 67 3) Tiedostojen siirto WWW-palvelimelle 68.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> --

18 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 (kuuluu edelliseen pakettiin) tai 69 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 70 1) FLV-tiedoston tuottaminen 71 2) HTML-merkkaus 72 <html> <head> <title>flash Video Player</title> <script type="text/javascript" src="swfobject.js"></script> </head> <body> <p id="flvplayer">vaihtoehtoinen sisältö, joka korvataan videoleikkeellä</p> <script type="text/javascript"> var so = new SWFObject("flvplayer.swf","single","320","260","7"); so.addparam("allowfullscreen","true"); so.addvariable("file","video.flv"); so.write("flvplayer"); </script> </body> </html>

19 3) Tiedostojen siirto WWW-palvelimelle 73 Muistilista 74 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 Yhteenveto 75 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 on yrittänyt tätä, nyt Adobe on lähellä...) 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

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 17.-18.10.2006

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Videoiden tuottaminen oppimateriaaliksi

Videoiden tuottaminen oppimateriaaliksi Videoiden tuottaminen oppimateriaaliksi Kalle Romanov, yliopistonlehtori Mobiilisti Meikussa 2 3.12.2014 Esityksen sisältö Videon käyttöarvo, pedagoginen lisäarvo Videon tuottaminen Videon editointi ja

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

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

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

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

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

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

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

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

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

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

ZENworks Application Virtualization 11

ZENworks Application Virtualization 11 ZENworks Application Virtualization 11 ZENworks / perinteinen asennus ZENworks virtualisointi Ei erillistä asennusta Ei vaadita erilisiä oikeuksia Oletusasetukset mukana Eri versiot samanaikaisesti Sama

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

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

Ohjeet lyhytelokuvan tekoon

Ohjeet lyhytelokuvan tekoon ELÄVÄÄ KUVAA-PROJEKTI 99600 Sodankylä +358 (0)40 73 511 63 Ohjeet lyhytelokuvan tekoon 1 Sisällys Tarvittavat työvälineet 2 Valmistelut 2 Kuvaaminen 3 Editointi 3 Kohtausten jakaminen osiin 5 Äänten lisääminen

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

ZAP SR300 Touch 8GB 100469

ZAP SR300 Touch 8GB 100469 ZAP SR300 Touch 8GB 100469 Pikaopas Tekniset yleistiedot: Näyttö: 3 TFT-kosketusnäyttö; 400x240 pikseliä, 262,000 väriä. Audioformaatit: MP3, WMA, WAV, FLAC, APE, AAC ym. Videoformaatit: RM (Real Media),

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

ipad musiikin opetuksessa TeknoDida 2011 Otto.Romanowski@iki.fi

ipad musiikin opetuksessa TeknoDida 2011 Otto.Romanowski@iki.fi ipad musiikin opetuksessa TeknoDida 2011 Otto.Romanowski@iki.fi Yleistä sormitietokoneista Kevyt, kätevä ja edullinen ( ) Mediaselain (mm. kuva, video, musiikki, web, youtube, kirjat, SoMe) Mediatuotanto

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

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

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

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

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

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

Kuvaruudun striimaus tai nauhoitus. Open Broadcaster Software V.20. Tero Keso, Atso Arat, Niina Järvinen & Valtteri Virtanen (muokattu 20.2. Kuvaruudun striimaus tai nauhoitus Open Broadcaster Software V.20 Tero Keso, Atso Arat, Niina Järvinen & Valtteri Virtanen (muokattu 20.2.2019) Sivu 1 / 14 Sisällysluettelo Mikä on OBS... 2 Ohjelman perusasetukset...

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

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

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

Animaatio Web-sivuilla

Animaatio Web-sivuilla Ihmisen koko huomio kiinnittyy vaistomaisesti (hyökkääjiltä suojautuminen) liikkuvaan kuvaan. Yleisesti ottaen animaatioita kannattaa käyttää mahdollisimman vähän. Suunnitteluvaiheessa on hyvä pohtia,

Lisätiedot

VHS-kasetin digitointi Adobe Premiere Elements -ohjelmalla

VHS-kasetin digitointi Adobe Premiere Elements -ohjelmalla 24.8.2018 1 VHS-kasetin digitointi Adobe Premiere Elements -ohjelmalla I Kasetin luku Adobe Premiere Elements -ohjelmaan Kytke virta tietokoneeseen, näyttöön ja videolaitteeseen. Laita VHS -kasetti videolaitteen

Lisätiedot

Digitaalisen tarinan koostaminen HTKS Tanja Välisalo

Digitaalisen tarinan koostaminen HTKS Tanja Välisalo Digitaalisen tarinan koostaminen HTKS152 17.2.2014 Tanja Välisalo Digitaalisen tarinan käytännön toteutus 1. Kuva-, ääni- ja videomateriaalin muokkaaminen 2. Digitaalisen tarinan koostaminen Editointi

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

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

Moniviestin. Monimediaisen verkkosisällön tuotantojärjestelmä. Rikupekka Oksanen rioksane@jyu.fi Jyväskylän yliopisto

Moniviestin. Monimediaisen verkkosisällön tuotantojärjestelmä. Rikupekka Oksanen rioksane@jyu.fi Jyväskylän yliopisto Moniviestin Monimediaisen verkkosisällön tuotantojärjestelmä Rikupekka Oksanen rioksane@jyu.fi Jyväskylän yliopisto Mikä Moniviestin Moniviestin on Jyväskylän yliopistossa kehitetty verkkojulkaisualusta,

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

Mitä on multimedia? Multimedia. Jatkuva-aikainen media. Yleisimmät mediatyypit. Jatkuvan median käsittelyvaiheet. Interaktiivuus

Mitä on multimedia? Multimedia. Jatkuva-aikainen media. Yleisimmät mediatyypit. Jatkuvan median käsittelyvaiheet. Interaktiivuus Multimedia Mitä on multimedia? Mediatyypit +Teksti + Grafiikka + Audio + Kuva +Video Siirtoformaatit Mitä on multimedia? Multimedia = monta mediaa Käyttäjän vuorovaikutus = interaktiivisuus Käsikirjoitus

Lisätiedot

Esitysgrafiikka. Microsoft PowerPoint 2010 PERUSMATERIAALI. Kieliversio: suomi Materiaaliversio 1.0 päivitetty 24.1.2011

Esitysgrafiikka. Microsoft PowerPoint 2010 PERUSMATERIAALI. Kieliversio: suomi Materiaaliversio 1.0 päivitetty 24.1.2011 Esitysgrafiikka PERUSMATERIAALI Microsoft PowerPoint 2010 Kieliversio: suomi Materiaaliversio 1.0 päivitetty 24.1.2011 materiaalimyynti@piuha.fi Copyright Esitysgrafiikka Microsoft PowerPoint 2010 3/32

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

Videoeditoinnin perusteet: Adobe Premiere Elements 2.0

Videoeditoinnin perusteet: Adobe Premiere Elements 2.0 Videoeditoinnin perusteet: Adobe Premiere Elements 2.0 Tämän ohjeen sisältö: 1. Yleistä...1 2. Ohjelman käynnistäminen ja projektitiedoston luominen...2 3. Videon kaappaaminen...4 4. Videon editoiminen...6

Lisätiedot

OSALLISTUJAN OHJEET Adobe Connect -verkkokokoukseen

OSALLISTUJAN OHJEET Adobe Connect -verkkokokoukseen 1 OSALLISTUJAN OHJEET Adobe Connect -verkkokokoukseen Adobe Connect eli AC on tietokoneella käytettävä verkkokokous- ja -koulutusjärjestelmä. Laitteistovaatimukset löytyvät dokumentin lopusta. Ennen kokoukseen

Lisätiedot

Ääni ja video verkkoon. Mediaelementtien valinta. Kuva verkossa 1/2 TIES463

Ääni ja video verkkoon. Mediaelementtien valinta. Kuva verkossa 1/2 TIES463 Ääni ja video verkkoon TIES463 Mediaelementtien valinta Mitä varten tekstiä, kuvaa, ääntä ja videokuvaa käytetään? Mikä on mediaelementtien funktio? Tarvitaanko tätä mediaelementtiä kurssilla? Onko mediaelementti

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

ELOKUVAKASVATUS SODANKYLÄSSÄ

ELOKUVAKASVATUS SODANKYLÄSSÄ ELOKUVAKASVATUS SODANKYLÄSSÄ 99600 Sodankylä +358 (0)40 73 511 63 tommi.nevala@sodankyla.fi FINAL CUT EXPRESS HD OSA 1: PERUSEDITOINTI 1. ALOITUS - Kytke digivideokamera firewire-johdolla tietokoneeseen

Lisätiedot

- Flash on ennen muuta multimedian koosto-ohjelma, jossa muista ohjelmista tuodut mediaelementit voidaan yhdistää ja linkittää toisiinsa.

- Flash on ennen muuta multimedian koosto-ohjelma, jossa muista ohjelmista tuodut mediaelementit voidaan yhdistää ja linkittää toisiinsa. Tievie-seminaari : Teknologinen muutos Jyväskylä 12.8.2004 FLASH - miksi ja mihin tarkoitukseen Mika Sihvonen mika.sihvonen@uta.fi 1. Flash-tekniikan perusteet - Tuottajan näkökulmasta - Flash on Macromedia

Lisätiedot

Vasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä:

Vasteaika. Vasteaikaa koskeva ohje ei ole juuri muuttunut Robert B. Millerin vuonna 1968 pitämästä esityksestä: Nielsen: "Olen tutkinut Webin käytettävyyttä vuodesta 1994, ja jokaisessa tutkimuksessa esiin on noussut sama asia: käyttäjät haluaisivat sivujen latautuvan nopeammin. Aluksi olin sitä mieltä, että käyttäjät

Lisätiedot