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ö 2 Tiistai 17.10. Digitaalinen vs analoginen esitystapa Videokuvan perusteita DV-video / Digitointi Äänen ja videokuvan käyttö WWW:ssä Keskiviikko 18.10. SMIL Multimedia-arkkitehtuurit/ohjelmistot: Quicktime, RealMedia, Windows Media + koodekit MPEG Animaatio
Informaatiotyypit 3 teksti kuva tietokonegrafiikka animaatio video audio (pikseligrafiikkaa) (vektorigrafiikkaa) (liikkuvaa tietokonegrafiikkaa) (liikkuvaa kuvaa) Audiota/videota kutsutaan jatkuvaksi mediaksi (aikaelementti kuuluu tärkeänä osana niihin)
Digitaalisuuden edut 4 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ä
Videokuva 5 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ä
TV-kuva 6 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 tee käsikirjoitus huomioi valaistus käytä kamerajalustaa hanki kunnollinen mikrofoni
Videokuvan digitointi 8 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
Digitaalinen video (DV) 9 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 10 000 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
DV-editointi tietokoneella 10 tarvitaan nopea PC tai Mac (nopea kiintolevy) PC:hen Firewire-kortti (50-300 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 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 12 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)
Ääni ja videokuva WWW:ssä 13 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
Ääni ja videokuva WWW:ssä 14 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 Viihde elokuva-trailerit tilausvideot (esim. www.netkino.com, www.sfanytime.com) käyttäjien itsensä julkaisemat videot Koulutus kokonaiset luentotallenteet muu koulutusmateriaali Uutiset tv-uutiset verkossa Yritysviestintä tuotejulkistukset sijoittajatapaamiset
WWW-palvelin mediapalvelimena 16 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 17 Kehitetty ratkaisemaan suorituskykyongelmia ja lisäämään videostreamien hallittavuutta Edut: kukin stream saa juuri sen verran kaistaa käyttöönsä kuin se Haitat: tarvitsee ideaalitoistoon (ainakin tavoitteena) tehokkaampi siirtotien käyttö (omat protokollat) videoiden indeksointimahdollisuus live-lähetykset mahdollisia erikoistoiminnot tehokkaampien siirtoprotokollien käyttö (UDP, RTP) vrt. edellisen kalvon edut
Adaptiivisuus 18 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 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 lähes DVD-tasoinen video
Adobe Flash Video http://www.adobe.com/flash/ 20 Kasvattanut erittäin nopeasti suosiotaan (Google Video, YouTube, Reuters, ) Flash Player -laajennus lähes kaikissa selaimissa yksinkertainen + varmatoiminen Upotetaan aina www-sivulle Soveltuu parhaiten pienten leikkeiden jakamiseen
Flash Video -leikkeiden jakaminen 21 Adoben kaupallinen Flash Media Server (http://www.adobe.com/products/flashmediaserver/) Lighttpd-WWW-palvelin + mod_flv_streaming Red5: Open Source Flash Server (http://osflash.org/red5) Tavallinen WWW-palvelin (esim. YouTube)
Quicktime 22 http://www.apple.com/quicktime/ 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 http://developer.apple.com/darwin/projects/streaming 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
RealMedia 24 http://www.real.com/ 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 25 http://www.realnetworks.com/ 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 $2000 - (myös ilmainen Basicversio) Open Source -versiot http://www.helixcommunity.org/
RealMedia - kuinka kaikki toimii käytännössä? 26
Windows Media 27 http://www.microsoft.com/windows/windowsmedia/ 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ä
http://www.mpeg.org/ MPEG 28 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
MPEG-1 29 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
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 32 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ä
Koodekit: Flash Video 33 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
Koodekit: Quicktime 34 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 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 36 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
Koodekit: Video for Windows/ASF 37 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)
Koodekit: Video for Windows/ASF 38 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 39 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
http://www.divx.com/ Koodekit: DivX 40 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ä
http://www.xvid.org Koodekit: XviD 41 vastaava koodekki ominaisuuksiltaan kuin DivX avoin lähdekoodi (GNU-lisenssi) ei lisenssimaksuja kehitys vapaaehtoisvoimin jatkuva kehitys soveltuu lähinnä harrastustoimintaan
VideoLAN ja VLC 42 http://www.videolan.org 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 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
Adobe Flash 44 http://www.adobe.com/flash/ 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)
SMIL-kieli 45 http://www.w3.org/audiovideo 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
SMIL: Vahvuuksia 46 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-8859-1?> <smil xmlns=http://www.w3.org/2001/smil20/language > <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 48 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>
Esimerkki SMIL-esityksestä: Luentotallenne Videokuvaa luennoijasta (RealMedia) 49 Luennon sisällysluettelo (RealText) Esimerkkejä: http://alpha.cc.tut.fi/mallinnus/ Luentokalvot (RealPix + GIF-kuvat)
Esimerkki: Videoleike kotisivulle 50 Mitä tarvitaan? videoleike digitaalisessa muodossa (AVI tai Quicktime) RealProducer-ohjelma (www.realnetworks.com) 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 51 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
52
2) Linkkisivujen luonti 53.ram-tiedosto: välttämätön, koska oikeaa videotiedostoa ei kannata linkittää suoraan HTML-sivulle --video1.ram-- http://www.palvelin.fi/~mina/videot/video1.rm -- html-tiedosto: tehdään normaali linkki.ram-tiedostoon --videoita.html-- <a href= video1.ram >Video 1</a> --
3) Tiedostojen siirto WWW-palvelimelle 54 FTP, SFTP, verkkolevy, jos kaikki tiedostot siirretään samaan hakemistoon, hakemistolistaus näyttää seuraavalta:
Esimerkki 2: Flash-videoleike kotisivulle Mitä tarvitaan? videoleike digitaalisessa muodossa (AVI tai Quicktime) FLV-pakkausohjelma, esim. Riva FLV Encoder (www.rivavx.com) Flash FLV Player -soitto-ohjelma, (esim. http://www.jeroenwijering.com/) JavaScript-wrapper Flash-objektin sijoittamiseen HTML-sivulle (ei välttämätön) http://blog.deconcept.com/swfobject/ tai http://www.bobbyvandersluis.com/ufo/ 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
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 FTP, SFTP, verkkolevy, jos kaikki tiedostot siirretään samaan hakemistoon, hakemistolistaus näyttää seuraavalta:
Muistilista 60 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 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...)