multimedia

Lect.dr.Catalin [email protected]

Structura CURSy Activitate didactica: Curs (14 activitati) +

Laborator (14 activtati)

y Modalitate evaluare: Sustinere proiect + evaluare cunostinte teoretice

y Obiectiv: nsuirea elementelor teoretice si practice care sa permita dezvoltarea de aplicatiimultimedia

EvaluareEvaluare Proiecty proiectul sesustine inultimele 2saptamani aleSemestrului I;y comisia deevaluare este formata dinprofesorul decurssiasistentul delaseminar;y proiectul este individual;Cerinte Proiecty realizarea unei aplicatii multimediaWebinteractiveintrunmediu WEB MicrosoftExpressionWebsau AdobeDreamweaver;y Implementarea principalelor elemente multimedia:sunet,imagine,video,animatie;y Asigurarea unui nivel ridicat deinteractivitate pentru utilizator;

Continut cursy Conceptul demultimediay Elemente hardwarei softwarey Imaginea.y Sunetul.y Videodigitaly Sisteme softwarepentru aplicaiile multimedia.Adobe

Flex,AdobeFlash,AdobeDirector,MicrosoftPopFly.y Dezvoltarea aplicatiilor multimediapentru prezentare,

publicitate si reclama.

Bibliografiey www.acs.ase.roy www.google.comy www.adobe.comy books.google.comy http://www.wikipedia.org/y I.Smeureanu G.Drula ,Multimedia:concepte si practica,Ed.Cison,1997ISBN9739637086y TayVaughan,Multimedia:MakingitWork,SixthEdition,McGrawHill,2004y TayVaughan,Multimedia ghid practic,Teora,2004,Bucuresti

Suport seminary ExempluGIFanimaty ExemplubutonWeb2.0y ExempluTiltShifty ExempluFlash ShapeTweeny ExempluFlash MotionGuidey ExempluFlash Tinty ExempluFlash Miscarey ExempluFllex Grafic liniar

Multimediay Combinatie detexte,grafica digitala,sunet,animatie sivideofurnizata decatre computersau prin orice altemijloace electronice sau digitale

y Manipulare digitala aelementelor detiptext,imagini,grafica,sunet,animatie si video

Cunostinte necesarey Creativitate +imaginatiey Utilizare tehnologii informaticey Utilizare dispozitive digitaley Talentorganizatoricy Managementdeproiectey Documentare si arhivare

Conceptey Interactivemultimedia(richmedia) utilizatorulproiectului multimediacontroleaza ce elemente si cand iisunt furnizatey Hypermedia proiect interactiv incareexista ostructuradeelemente prin careutilizatorul poate naviga (WorldWideWeb)y Proiect multimedia combinatia intre software,mesaj sicontinut ce este livrata utilizatorului final

Conceptey Scenariu /Storyboard defineste cuminteractioneazautilizatorul cuaplicatiay GUI(GraphicalUserInterface) ceea ce primeste vizualutilizatorul si cumeste prezentat continutul pe monitory Platforma mediu hardwaresi softwarecareofera suportpentru proiectul multimedia(stabileste limitele aceea cesepoate sau nuface)y Authoringtools instrumente ce permitgestiuneaindividuala aelementelor multimediasi ainteractiunii cuutilizatorul

Proiecte Multimediadupa domeniuly training(educativ)y medical(tomograf,ecograf cuperifericespecializate)y industrial (schemedefluxtehnologicfolosindsimulari)y geografic (hartidigitale)y servicii, reclama, vanzaridupa destinatiesiinteractivitatey deinterespublicsipersonaly localesitelematice(ladistan)y detipvideoconferinta

Proiecte Multimediadupa nivelul deinteractivitate:y liniar =proiectul este vizualizat fara ainterveni(noninteractive)y nonliniar =utilizatorul arecontrolasupra derulariiproiectului (Interactive)

Resurse hardwareDispozitiveperiferice +componente hardware:y Pentruimaginifixe:scanner,aparatfotodigital,scanerdefilm,dispozitiv mobily Pentru sunet:placadesunet(funcioneazcaunconvertoranalogdigital),microfony Ptvideo: placdecaptura inumerizare video,camerevideo,tunerTV

Resursesoftwarey Programedecontrolaperifericelor(drivere)y Softwaremultimedia(caextensieaS.O.)y Softutilitarpentrucomunicaiiy Pentruvideo:AdobePremiere/MovieMaker/VirtualDuby Pentrusunet:AdobeSoundbooth

Softwaredecreaiemultimediacareorganizeazproiectul:y dealunguluneiaxeatimpului(secvenialitateaelementelornfunciedefactorultimp) AdobeFlash,AdobeDirectory pe baza unei simulari prin captura ecran si sunet CamtasiaStudio

Premisey 1965 sedefinesc principiile fibrei opticey 1977 este lansat AppleII,primul cuinterfata colory 1981 primul PCIBMy 1983 CD(compactdisc)lansat pe piatay 1984 sepunbazele Internetului (reteaua ARPA)y 1985 CommodoreAmigaprimul computermultimediay 1985 CDROM(compactdiscreadonlymemory)y 1986TheAcademicAmericanEncyclopedia primaenciclopedie pe CDROM.y 1988 Macromind (fosta Macromedia)lanseaza Director,uninstrumentpentrumultimediaauthoring.

Premisey 1991 apare WorldWideWeby 1991 este inventat formatul MP3y 1993 Mosaicprimul Webbrowsercugraficay 1995 Disneylanseaza ToyStory,primul filmrealizat intotalitate pe calculator(77minute=4ani +800,000orepentru ageneragrafica)y 1996 cameradigitala devine accesibila publicului largy 1996 este lansat DVDvideoy 1998 primul MP3player

Formate destocare aresurselory moddeacodificainformaiipentruafistocatepecalculatory formatele oferinformaiireferitoarelatipulfiierului,darilamodulncaredateleaufostcodificateicomprimate (formatul este codat si interninsursa)y pentruafirecunoscuttipulformatului,fiiereleauasociatoextensie

Formate destocare aresurselorCelemaicunoscuteformatedefiiersunt:y pentruimagini:bmp,jpeg,gif,png,tiff;y pentrusunete:wma,mp3,wav,flac;y pentruvideo:wmv,avi,mpegy pentru animatie:fla,dir

Imaginey Modele deculoriy RGBy CMYKy HSBy Laby Grayscaley Websafe

Imagine

Palete deculori utilizate(gamut):A Ciel LabB Imagini digitaleC Dispozitive

Documentatie AdobePhotoshop

ImagineRGBy utilizeaza 3culori debaza (Red,Green,Blue)y fiecare culoare areointensitate intre 0si 255y pentru valori egale R=G=Bseobtin tonuri degri

R

G

B0 255

255

255

negru

alb

ImagineRGBy sunt culori aditivey lipsa celor 3tipuri delumina genereaza negru (0pentru fiecare culoare)y prezenta celor 3tipuri delumina laintensitate maxima(255)genereaza alby mai multe palete deculori:AdobeRGB,sRGB,ProPhoto RGBy utilizat dedispozitivele vizuale


ImagineCMYKy utilizeaza 4culori debaza (Cyan,Magenta,Yellow,Black)y fiecare culoare areointensitate intre 0%si100%y sunt culori substractivey utilizat dedispozitivepentru imprimare


ImagineRGBvs CMYK


ImagineHSBy modelconstruit injurulproprietatilor Hue,Saturation,Brightnessy bazat pe perceptiaumana aculorii

Modelul HSB

H HueS SaturationB Brightness


ImagineLabColory mai este definit si CIEL*a*b(Lightness,acomponenta verderosu,b componenta albastrugalben)y Lvariaza intre 0si 100,iar asi bintre +127si 128y bazat pe perceptia umana aculoriiy valorile numerice dinacest modeldescriu toateculorile pe carelepoate vedea opersoanay este unmodelindependentdedispozitiv

ImagineGrayscaley defineste tonurile degriy introimaginecuoadncime aculorii de8biti potexista 256tonuri degriy tonul degri poate fi reprezentat caprocent culoareneagra (0% 100%)y fiecare pixelgri areoluminozitate intre 0(negru)si255(alb)

ImagineWebsafey setlimitat culori derivat dinRGBy utilizeaza unsetde256culoriy setul deculori este utilizat detoate browserele

ImagineCaracteristiciy Nuante culori (Hue)y Luminozitate (Brightness)y Saturatie (Saturation)y Contrast(Contrast)y Balanta culori (Colorbalance)

ImagineNuante culori (Hue)y nivelul deculoare reflectat deunobiect sau transmisprin acesta


Palete deculori utilizate:A SaturatieB Hue(Nuante deculori)

ImagineSaturatie (Saturation)y descrie intensitatea sau puritateaunei culoriy reprezinta nivelul degri inraport cunuanta,avandvalori intre 0%(gri)100%(intensitate maxima)

Luminozitate (Brightness)y luminozitatea inchisa/deschisa aunei culori masurateintre 0%(negru)si 100%(alb)

ImagineContrast(Contrast)y masoara diferenta intre luminozitatea zonelor inchisesi acelor deschise

Balanta culori (Colorbalance)y analizeaza distributia paletei deculoriy culoarea predominanta afecteaza nuantele celorlalteculori

Imagineselectie

culoare initialaculoare noua

optiune culori sigureWeb

tonuriculoare

paleta culori

valoareculoare

ImagineHistograma unei imagini

umbre tonuri demijloc lumini

numar pixeli

Imagine

Imaginey Tipurie deimaginey Matriceala (bitmap)y Vectoriala

y Algoritmi compresie

ImagineFormatulbitmap:y omatriceinformaionalsimpl,fiecareelementdesemnndculoareapixeluluirespectivy imaginea evoluminoas;y imaginea estedependentdescaladevizualizarey nusepoate adaptauneiscrivariabiledevizualizarey cucatcrestegraduldecomprimare,cuattscadecalitateaimaginiiobinutladecompresie.

ImagineFormatulbitmap:y Echipamentele(destinateachiziionriideimaginifixedinexteriorlucreazcuimagininformatbitmap):y Scanner (DPI DotsPerInch)y Scannerdefilmey Aparatdigital (JPG,Raw)y cameraWeb

ImagineFormatulbitmap:y Formatedestocareaimaginiidetipbitmap:y BMPy ICO (pentru pictograme 32X32)y TIFF(legatdescanareTag Image FileFormat)y DIB(Device IndependentBitmap)y DDB(Device DependentBitmap)y JPG(Joint Photographic Experts Group,formatbitmap comprimat

dupalgoritmul JPEG)y GIF(pentrutransferulladistanabitmapurilor)y PNG(PortableNetworkGraphics)

http://en.wikipedia.org/wiki/Comparison_of_graphics_file_formats

ImagineExemplupoza bitmapfoarte marey PresidentBarack Obama's InauguralAddressbyDavidBergmany compusa din220imaginiy dimensiune 59,783X24,658pixelsy 1.47gigapixelsy http://gigapan.org/viewGigapan.php?id=15374

Imagine Bitmapy salveaza imaginidigitaley BMP(MicrosoftWindowsBitmap)y mai este cunoscut subdenumirea DIB(device independentbitmap)y areextensia: .bmp sau.diby continutul este necomprimatideaceea,acesteaatingdimensiunifoartemariy marimea fisieruluidepindeatatdedimensiuneaimaginii,inpixeli,catsideadancimea culorii(bitdepth saucolordepth)

Imagine BitmapAdancimea culorii(bitdepth saucolordepth):y numarul debiifolosiipentruadescriefiecarepixel(punctindividual)dintroimaginey arevalori egale cu1,4,8,24sau,32bii.y imaginialb/negru 1bity imagini cu16culori 4bitifolosesc16culoriy imagini cu256culori 8 bii256culoriy imagini cu16,7*106 culori (cteunoctetpentrurou,verdeialbastru modelulRGB) 24biiy imagini cuzona detransparenta (modelRGB+1octetpentru transparenta) 32biti

Imagine BitmapBMPauurmatoarea structura:y FileHeader (14octeti) conineinformaiigeneraledesprefiier; primii14octei;y InfoHeader (40octeti) conineinformaiidespreimagine;y ColorPalette descriepaletadeculoricevafifolosit;y Bitmap Data conineimaginea,pixelcupixel.

Imagine Bitmap424D460000 00 00 000000360000 00 2800 0000020000 00 020000000100180000 00 0000 100000 00 00 00000000 00 00 00 00 00 0000 00 00 0000 00 00000000 0000 00 FFFF FF0000 00 00 00

2pixeli

2pixeli

Imagine BitmapCompresia/decompresiaimaginilory ALGORITMI:y cupierderedeinformaiey frpierderedeinformaie

y asimetrici(dureazmaimultcomprimarea)y simetrici(timpcomprimare timpdecomprimare)

Imagine BitmapAlgoritm Obiectul Categorie

RLE,Huffman text,imagine fara pierdereJPEG imaginifixecolorinniveluridegri cupierdere

bazatpefractali imaginifixecolorsaunniveluridegri cupierdere

DVI video,imaginianimatecolor cupierdere

MPEG video,imaginianimatecolor cupierdere

ADPCM sunet cupierdere

MPEGAudio sunet cupierdere

Imagine BitmapTehnici pentru compresia /decompresiaimaginilory HOFFMANy codajvariabily speculeazfrecvenadeapariieaunorsimboluri.y arborebinardezechilibrat

y RLE(Run Length Encoding)y datecudiversitatemicincadrulfisierului ifactormarederepetabilitate

y eficientcand sefolosesc putine culori

Imagine BitmapTehnici pentru compresia /decompresiaimaginilory RGB555y micsoreaz numruldebitila5pecaresememoreazoculoare

fundamentaldinspectrulRGB

y JPEGy Algoritm decompresiehibridalocand 2tehniciy transformareacosinusdiscret(TCD)y codajHuffmany ratadecompresie de15:1

y MJPEG(Motion JPEG)y standardulpentruanimaie

Imagine BitmapVCX(PCPaintBrush FileFormat):y formatrecunoscutpeplatformaWindowsPaintBrushy trateaza imagineacodificatpe8bii(256deculori),dedimensiunemaxim64000*64000 pixeliy algoritmul decompresieutilizatdeacestformatesteRLE

Imagine BitmapTIFF(Tag Iinage FileFormat)y cunoscutpentru stocareaitransferulimaginilorscanatey format foarteputernicnceeaceprivetecodificareaimaginilorifolosetemaimulialgoritmide compresie:RLE,LZW(LempelZivWelch)sauJPEG.y areavantajuldeafirecunoscutpetoatetipuriledeplatforme >transferridicat

Imagine BitmapICO(Icon Resource File)y esteunformatbitmapy imaginidedimensiunemica folositdeWindowspentru reprezentareaiconurilor programy acceptdefiniiauneiimagininnumeroaserezoluii

inculoridiferitey cel mai usor seobtin dinimagini normale printransformare (http://www.favicon.co.uk/)

Imagine BitmapJPG(Joint Photographics Experts Groupy format pentruimaginilebitmap,comprimateconformstandarduluiJPEGy permite utilizarea unor ratedecompresieJPEGdiferitey ratadecompresie sestabileste nfunciedespaiulpeharddisc/decalitateaimaginiiy saimpus caunstandardalunuitipdecompresieiaunui formatdefiier.

Imagine BitmapGIF(Graphics Interchange Format)y formatfoarte raspanditpeWeby folositpentrutransferuldeimaginibitmap,demaxim64K*64K,ntrenodurisituateladistany accepta ratemaride compresie.y dezvoltatdeCompuServe pentruafaciiita tranzitulinformaiilorgraficendomeniultelecomunicaiilor.y compresie prinmetodaLZW

Imagine BitmapPNG(PortableNetworkGraphics)y formatdeschisy utilizeaza compresie fara pierdere deinformatiey utilizat inaplicatii Webpentru transferul imaginilory destinat pentru ainlocui formatul GIF

Imagine VectorialFormatulvectorial:y tine contdesemanticaimaginii(desene puncteifunciimatematice)y imaginea estemaimica cadimensiune;y imaginea este independenta descaladevizualizare.y NUpoate inlocui bitmapul pentrucanutotulsepoatereducelapuncteifuncii(ex:peisaje)y culoarea si pozitia pixelilor este determinata defunctiimatematice

Imagine Vectorialy prinprocesuldevectorizare sepoateconvertioimagineraster(suprafadepixeli)ntroimaginevectoriy procesul presupune aproximareaformeloricomponentelorimaginiibitmap prinfunciimatematicealy prin vectorizarea sepoate reducedimensiunea pnIa1:200y vectorizarea este realizata deinstrumente speciale(http://vectormagic.com,AdobeIllustrator)

ImagineFormatedestocareaimaginiidetipvectorial:y DXF(Drawing ExchangeFormat pentru softAutocadfacut deAutodesk)y EPS(Encapsulated PostScript formatpt Adobeilb.PostScripty CGM(ComputerGraphic Metafile)pt atransferaimaginea intre diferiteplatformey SVG(SimpleVectorGraphics)definit pentru onouageneratie degrafica pentruWeb

ImagineInstrumente AutomateAdobePhotoshopyWebgaleryy Photomergey HDR(HighDynamicRangeImaging)y Zoomifyy GIFanimat

Audio SunetCaracteristici:y Frecventay Lungime banda (Wavelength)y Amplitudiney Intensitatey Vitezay Directiey Pitch

Audio SunetFrecventa

[WIKI]

Audio SunetLungime banda

[WIKI]

Audio Sunet

[http://personal.cityu.edu.hk/~bsapplec/characte.htm]

Audio SunetFrecventa:y Semasoara inHz(Hertz)y 1Hz>ooscilatie pe secunday Spectrul uman deperceptie afrecventei:20 20,000Hz

Audio SunetAmplitudine

[WIKI]

Audio SunetMaterial Viteza (m/s)

Aer 344

Apa 1,372

Beton 3,048

Sticla 3,658

Fier 5,182

Plumb 1,219

Otel 5,182

Lemn(esenta tare) 4,267

Lemn(esenta moale) 3,353

Audio Sunetdigital

[WIKI]

Audio Codecy Permite codarea si decodarea sunetului ce este stocatintrunanumit tipdefisiery Implementeaza si metode decompresie asunetuluiy Fara pierdere deinformatiey Cupierdere deinformatie

y Unformatdefisier audioutilizeaza deobicei uncodec

Audio CodecMP3y MPEG1orMPEG2AudioLayer 3y Standarddefinitin1993sifolositintenspeInternety Foloseste unalgoritmdecompresiecupierderedeinformatie (lossy compression):la128 kbit/sfisierulaudiomp3estedeaprox 11orimaimicdecat fisierulaudioneprelucrat(.cda)y Compresiasebazeaza peeliminareaunorfrecventeconsideratepestecapacitateamajoritatii oamenilor deafipercepute

Audio CodecMP3y Compresia sefaceprin stabilirea unui bitrate cestabileste cati Kb(Kilobiti)sevor folosi pentru fiecaresecunda deaudioy Exista orelatie stransa intre calitate si dimensiunefisiery Valori posibile pentru bitrate:32,40,48,56,64,80,96,112,128,160,192,224,256and320kbit/sy ptCDaudiobitrateul este de1,411.2 kbit/s

Audio CodecMP3y Poatefolosivariable bitrate (VBR)sau constantbitrate (CBR)y 1997primulaudioplayer Winampy 1998primulMP3player portabil MPMan

Audio CodecFLACy FreeLosslessAudioCodecy Lansat in2001dar oversiune stabila afost lansata in2007y Implementeaza unalgoritm decompresie fara pierderedeinformatie (losslessdatacompression) calitateidentica cucea afisierului audioneprelucraty Reducedimensiunea fisierului audiocupana la50%

AudioFormatedefisiere audio:y Reprezinta modalitati destocareasunetuluiinformatdigitaly Clasificareinfunctie decompresiafolositay Fara compresie: WAV, AIFF, .cda (AudioCDTrack) (~10MBptunminut);

y Cucompresie (maxim2:1) fara pierderedeinformatie(lossless compression): FLAC, AppleLossless, MPEG4SLS, MPEG4ALS, MPEG4DST, WindowsMediaAudioLossless (WMALossless);

y Cucompresiecupierderedeinformatie:(lossy compression):MP3, WindowsMediaAudio (WMA);

Videoy reprezintelementulcelmaispectaculosalmultimedieiy bazat pe derularea rapida aunor imagini (frameuri)y Peste 1215cadre/secunda ochiul uman numai distingecadrele individuale >animatiey impunecalitiiperformanedeosebitealemainiiy osecvenvideocaredeinecadrededimensiune720*486pixeliisederuleazcuoratdetransferde30cadrepesecundestenevoiesseproceseze21MBpesecund

Videoy ncazulteleviziunii,imaginilevideosuntreprezentatenformanalogicreglementatprinstandardeinternaionalepentrudifuzareiafiarey videoulpecalculatorsebazeazpetehnologiadigitaly celedoutehnologiipecaresebazeazvideosecombinnteleviziuneadigitaldenaltdefiniieHDTV High Defmition Television

Videoy reprezentarea digitalaimaginilornmicareiasunetelorasociatelorarenumeroaseavantaje.Astfelputemmenionanaltafidelitateaacestoraiposibilitiledeosebitedeprelucrareieditarealor.y conversia dintrevideoanalogivideodigitalprezintunnumrdedificultitehnice,generatenprincipaldedifereneledintreceledouasisteme.y moduldeafiareideredareaculorilorpemonitorultelevizorului(NULCDsau Plasma)ipemonitoarelecalculatoarelor este DIFERIT

Videoy ecranelorcalculatoarelorictevasistemevideoutilizeazunsemnalvideoalctuitdintreiculoridebaz rou,verde,albastru(RGB),caresuntcontrolabileindividualy bandaTVimajoritateasistemelorvideoutilizeazunsemnalcompus,ncareluminozitatea(strlucirea)ichrominana (culoarea),mpreuncuinformaiiledesincronizaresuntcombinatentrunsingursemnal

Videoy afiareasemnaluluiperceputdectreceledousistemesefacediferitidinpunctuldevederealmoduluidebaleiajalecranului:y ntehnologiaanalogic,ecranulestentreesut,nsensulcadouseturideliniialternateformeazbanda baleiajntreesut2/1 (permitecaoimaginevideosfiedifuzatlaoratredusacadrelor,sub2530fps (framepersecund),froplpiresesizabilochiului)y pe ecranelecalculatoarelorns,liniilevideosuntprezentatesecvenial,unadupcealalt baleiajprogresiv

Videoy moduldebaleiajntreesut (interlaced)presupunecaimagineasapardelanceputnntregime,dardincencemaiclar,pnlaformaeifinaly moduldebaleiajsecvenial(progressive)presupunecaimagineasaparlinieduplinie,declaritatemaxim,darabianfinalcomplet

Video

Baleaj intretesut(interlaced)

http://justsayyes.wordpress.com/2007/06/28/demonstrationofaninterlacedvideoanddeinterlacedvideo/

Video

Baleaj intretesut(interlaced)

http://cpn.canoneurope.com/content/education/technical/progressive_video.do

VideoComparaiintretehnologiileanalogidigitaldup:y Modulderedarealculorii:y Analog:lumina/crominany Digital:semnalRGB

y Moduldebaleaj(de afiareaimaginiipeecran)y Analog:ntreesut liniipareapoiliniiimpare>ratderefresh mic

y Digital:baleaj prograsiv(linieculiniedesusnjos)y Rezoluia(liniiledescan)y Analog:PAL625linii,NTSC 525liniiy Digital:PC dela480nsus.

VideoSunt3tipuridesemnalevideoconsacrate:y ComponentVIDEO (fiecarecomponentprimarconstitue unsemnalvideodistinct):y PtanalogYUV(Yluminan,UVcromina)y PtdigitalRGB

y CompositeVIDEO (semixeazcele3componententrunsingursemnal)y S(separated)VIDEO(aresemnalseparatdeluminanisemnalseparatdecrominan).

Video analog

[Wiki]

YUV

A fost definit pentru a putea transmitesemnal color intro infrastructura carefolosea doar imagini albnegru

Video analogComposite Video Foloseste cabluri RCA Intre DVDPlayer TV,CameraVideo TV

S Video Foloseste cabluri SVideo Intre PC TV,CameraVideo TV

Video analogy Semnalulvideofurnizatdesistemeledeconversiepoateluadiferiteforme,fiesemnalvideocompuscodificatPAL,SECAMsauNTSC,fiencomponenteanalogeRGB.y Standarde pentru TVanalogic ce definescmodulncareinformaiaestecodificatpentruaproduceunsemnalelectronic:y PALy SECAMy NTSC

Videoy Principiulestedeamodulaoundpurttoareauneifrecvenecentratenjurulvaloriide4Mhz,princomponenteledechrominan Db i/sauDr,recunoscuteicaUiV.y unda estecombinatculuminanaYconstituindunsingursemnalvideo.y codajul semnalelor videocolorY,Db,Dr estedenumitcodajncomponenteanalogey semnalanalogic nupoatefiradiodifuzat,deoareceacestlucruarnecesitafolosireaatreiemitorisimultani

Videoy NTSC(NationalTelevision Standards Comittee)y adoptat n1953y unsingurcadruvideoesteformatdin525deliniiorizontalei sederuleazcuoratdeaproximativ30cadrepesecund(29.97)y 45suntutilizatepentrusincronizareainformaiei,restulde 480fiindpropriuzisdestinatefiecreiimaginiy Construireacadrelorse realizeazprincombinareaadoucmpuri decte240deliniifiecare,unulparialtulimpar

VideoSECAM(Sequential Colorand Memory)y introdusprinanii 60,esteunsistemcu525deliniiy rata derulriicadrelorpe secundestede25

PAL(Phase AlternateLine)y introduspepiaaeuropeann 1966y traseaz 625deliniipeimagine,laoratde25cadrepesecundy doar576liniisuntconsiderateactive,utilizateefectivpentrudefinireauneiimagini,celelalte49deliniifiindrezervate,caliniidesincronizare

VideoHDTV(High Definition Television)y sistemprogramat,bazatpetehnologiateleviziuniidigitaley aurezoluiicepotfiutilizateipentrugraficapecalculatory canaleleimaginelucreaza cuunsemnaldigital

VideoHDV(HighDefinitionVideo)y Siteme videocurezolutie mare:1,280720pixeli(720p)sau1,9201,080pixeli

Video mode Dimensiune(WH) Pixeli Generare Frame rate (Hz)

720p 1,280720 921,600 Progresiv23.976, 24, 25, 29.97, 30, 50, 59.94, 60, 72

1080i 1,9201,080 2,073,600 Interlaced

25 (50 fields/s), 29.97 (59.94 fields/s), 30 (60 fields/s)

1080p 1,9201,080 2,073,600 Progresiv23.976, 24, 25, 29.97, 30, 50, 59.94, 60

VideoObinereaunuivideonumeric(digital)decalitate dintrunsemnal videoanalogic esteinfluenatde:y fluxuldeimagini(2530cadrepesecund)y rezoluiadecrominan(caredeterminnrdeculoriceconstitue imaginea)y rezoluiaspaial(caredeterminmoduldebaleere alliniilordincareseconstruieteimaginea;y calitateaimaginilor.

VideoCompresia video:y Speculeazieliminunanumittipderedundan.y Pentruvideoredundan:y Spaial=intracadru (bazeazfiepeeliminareadetaliilornesemnificative)y Temporal=intercadru (diferenelesemnalatentroimaginenraportcuprecedenta)

y Searenvederecafilmulchiarcomprimatsipstrezeconsistena,adicspotaccesaoimaginenfluxulcomprimat.

VideoCompresia video:y compresie cupierderedeinformaii(lossycompression)y compresie fara pierdere deinformatieAlgoritmiidecompresievideorealtime cunoscuisunt:y JPEG,MPEG,DVI,MJPEG;y sebazeazpeceledoutipurideredundany comprimainformaiavideodigital,curatecuprinsedela50:1pnIa200:1

VideoStandardulpentrucompresievideoesteMPEGcareaaprutnmaimulte

variantey MPEG1 comprimarevideo,sunetasincrony MPEG2 obinereavideodigitallacalitateatransmisiilorTVy MPEG3 legatdeteleviziuneadigitaldenaltrezoluie.y MPEG4 legatdetransmisievideoladistanprinInternet(reelede

calc)

Algoritmuldecompresieestehibriddetippredicietransformareifolosetemaimultetehnicicumarfi:

y Analizaspectral(careprinfunciidetiptransformarecosinusdiscretsurprinderepetabilitatea;

y CodajHoffmanpentrudatey Codajdifereniat(sereinelementelecarefacdiferenantrecadre)y Codajpredictiv(analizeazanumiteelementecareseschimb).

VideoCodecuri fara pierdere deinformatie:y AVIzliby CamStudio GZIPy CorePNGy FastCodecy MSULosslessVideoCodecy PICVideoy TSCCTechSmith ScreenCaptureCodecy ZMBV(ZipMotionBlockVideo)Codecy JPEG2000y YULS

VideoCodecuri cupierdere deinformatie:y Cinepaky H.264 MPEG4AVC(AdvancedVideoCoding)sauMPEG4Part10,approvedforBlurayy MJPEGy JPEG2000intraframevideocodecMPEG1Video(MPEG1Part2)y MPEG1Video(MPEG1Part2)y CinemaCraftEncodery FFmpeg

VideoCodecuri cupierdere deinformatie:y MPEG2Video(MPEG2Part2) H.262y CinemaCraft Encodery FFmpegy InterVideo VideoDecodery Ligos LSXMPEG2y MainConcept MPEG2y TMPGEnc

y MPEG4ASP(Advanced SimpleProfile)orMPEG4Part2y DivXy FFmpeg MPEG4y HDX4y NeroDigitaly Xvid

Videoy RealVideoy SnowWavelet Codecy Sorenson Video,Sorenson Sparky Tarkiny Ffmpegy TruDef high definition fractalvideocodecy VC1(SMPTEstandard,subsetofWindowsMediaVideo)y VC3SMPTEstandardy AvidDNxHDy FFmpeg

y WindowsMediaVideo(WMV)

VideoAccesuldirectladiferitecadrealeunuifluxvideopresupuneindexareainvariabilntimpaimaginilorfixe.

Suntcunoscute2sistemedereperaj:y bazatpetimpnumit TIMECODE (seasociazfiecruicadruunnrcodificatBCD(Binary CodeDecimal),careexprimora,minutul,sec,milisecunda; este memoratpeopistaudioparalel generatorsaulectordetime code.)y bazatpeframeuri FRAMECODE (presupuneasociereapentrufiecarecadruaunuinumrnaturalnsecvecresctoare)

Video medii destocare digitale

BlurayDisc HDDVD DVD

Capacitate 25GB 15GB 4.7GB

Bitrate maxim Transferdedate 53.95Mbit/s 36.55Mbit/s 11.08Mbit/s

Bitrate maxim Audio+Video+Subtitluri

48Mbit/s 30.24Mbit/s 10.08Mbit/s

Bitrate maxim Video 40Mbit/s 29.4 Mbit/s 9.8Mbit/s

Rezolutie video 1920x1080 1920x1080 720480(NTSC)720576(PAL)

Framerate 24p,50/60i 24p,50/60i 24p,50/60i

Video PremiereCaracteristici montaj video:y Imagine:y Dimensiune cadruy Viteza rulare nrcadre/secunday Culoare Colordepthy Standard DV,NTSC,PALy Codec

y Sunet:y Frecventa bitrate,kHzy Amplitudine

Animatiedigitalay Conceptey Preia conceptele delavideoy Sebazeaza pe cadrecheie (keyframes)pentru amodificaproprietati aleelementelor depe scena

y Tehnici deanimatie:y Modificare deformay Modificare deculoarey Modificare pozitie (cuutilizare detraiectorii)

Recapitulare Multimedia1. Concepte generaley Ce reprezinta ?y Conceptey Clasificare si tipuri deproiectey Resurse hardware+software

2. Imaginey Modele deculori (RGB,CMYK,HSB,Lab,Grayscale,Websafe)y Caracteristici (Hue,Brightness,Saturation,Contrast,Colorbalance,Bit

depth,Rezolutie)y Tipuri deimagine(bitmap,vectoriala)y Formate destocare (TIFF,ICO,JPG,GIF,BMP,PNG,EPS,SVG)y Compresie

Recapitulare Multimedia3. Sunet

1. Caracteristici (frecventa,wavelength,amplitudine,intensitate,viteza,directie,pitch)

2. Codec(MP3,FLAC)3. Compresie4. Formate fisiere

4. Video1. Concept2. Caracteristici (viteza,rezolutie)3. Reprezentare (analogic,digital)

Recapitulare Multimedia4. Videoy Moddereprezentare culoare (RGB,YUV)y Moddeafisare aimaginii baleaj(intretesut

interlaced,progresiv)y HDVy Tipuri decompresie video(spatiala,temporala)y Codecvideo(DivX,Xvid,Ffmpeg,Cinepak)

5. Animatiey Softwarey Tehnici deanimatie

Fonturiy Colectii desimboluri (glyph)ce sunt reprezentarivizuale aleunui caracter

aa a a a a a a a a a

Fonturiy Monospatiate (latime fixa)y Fiecare caracter ocupa acelasi spatiu orizontaly Tipice pentru masini descrisy Utilizat pentru titluriy Font monospatiat: Lucida Typewriter

y Proportionaley Spatiul orizontal depinde delatimea caracteruluiy Pentru texte >mai usor decitity Dimensiune mai micaatextuluiy Font proportional: Lucida Bright

Fonturiy Cuserify Reprezinta linii mici adaugate lacapetele formelorasociate caracterelory Originare dininscriptiile romane >fonturi romaney Permitcitirea usoara atextelor mari ???y Nusunt indicatepentru rezolutii mici

C C C Cserif

Fonturiy Fara serif(sansserif)y insecXIXerau denumite grotesquey Auevoluat odata cudezvoltarea unor modele maielegante si rafinatey Fonturi cunoscute:Helvetica,Arial,Tahoma,Verdana,Calibri

C C C C

Fonturiy Fonturi cursive(handwritten)y Reproduc scrisul demanay Utilizate pentru apersonaliza mesajul

yFont cursiv: Script MT Boldy Fonturi decorative(displaysau novelty)y Modificari alefonturile serifsau sanserify Utilizate pentru ascoate inevidenta textul

Fonturiy Dimensiuney Stabilita deevolutia tipografiei digitale PostScripty Masurata inpuncte (pt points)y Unptreprezinta 1/72dintruninch~0.3528mmy Distanta dintre randuri detextsemasoara inpica (pc)=12pty Dimensiunea unui font(12ptTimesRoman)reprezintadistanta dintre partea desus acelui mai inalt fontsi bazacelui mai mic.

Serifvs.Sansserif

[www.smashingmagazine.com]

Fonturi

[www.smashingmagazine.com]

Fonturi

Fonturi

[Wiki]

FonturiInstrumente deanaliza:y http://www.snook.ca/technical/colour_contrast/colour.htmly http://www.typetester.org/

Layouty Usersarepleasedbythedesignbutdrawntothecontent,Sitepoint PrinciplesOfBeautifulWeb.Designy Navigatie intuitiva incadrul proiectului multimediay Tema comuna pentru proiecty Echilibruy Propotionalitatey Raportul deaur (divin)=1.62y Ozona poate fi despartita in2prin impartirea lungimiiei la1.62

Layout

[Sitepoint]

LayoutData Mai mare 1024x768 800x600 640x480 Necunoscut

January2010 76% 20% 1% 0% 3%

January2009 57% 36% 4% 0% 3%

January2008 38% 48% 8% 0% 6%

January2007 26% 54% 14% 0% 6%

January2006 17% 57% 20% 0% 6%

January2005 12% 53% 30% 0% 5%

January2004 10% 47% 37% 1% 5%

January2003 6% 40% 47% 2% 5%

January2002 6% 34% 52% 3% 5%

January2001 5% 29% 55% 6% 5%

January2000 4% 25% 56% 11% 4%

http://www.w3schools.com/browsers/browsers_display.asp

Rezolutie monitoare

LayoutData 16,777,216 65,536 256

January2010 97% 3% 0%

January2009 95% 4% 1%

January2008 90% 8% 2%

January2007 86% 11% 2%

January2006 81% 16% 3%

January2005 72% 25% 3%

January2004 65% 31% 4%

January2003 51% 44% 5%

January2002 43% 50% 7%

January2001 37% 55% 8%

January2000 34% 54% 12%

http://www.w3schools.com/browsers/browsers_display.asp

Bitdepthmonitoare

Layout Fix

http://www.lebloe.com/

LayoutFluid

http://clearleft.com/

Layouty Proiectul trebuie sa fieutilizabily Unde mauit?Unde dau click?Ce fac?y http://www.marcecko.com/#/y http://www.creativewithak.com/y http://contentof.com/y http://demo.northkingdom.com/ihuvudetpatoyota/index_en.htmly http://prismgirl.org/

Marketingviraly Tehnici depromovare rapida aunui produs prinintermediul produselor multimediasi alclientilory Caracteristici:y Impactmarey Costuri redusey Multimedia video/animatiey Utilizeaza servicii Internet(YouTube,retele socialevirtuale Tweeter,Facebook)

Marketingviral

Produsemultimedia

Marketingviraly Pagina de1.000.000$y Lansat deAlexTew in2005y PaginaWebcurezolutia 1.000x1.000pixeliy 1pixel=1$y http://www.milliondollarhomepage.com/

Marketingviraly GuitarMasterPro.nety 45.000.000persoane auvizionat clipul in34ani

y Dynamitesurfing Quicksilvery 10.000.000vizualizari incateva luni

y Dothetest(transportpublic)y 4.000.000vizualizari in3luni

y Threshers40%vouchery ogreseala demarketingaparentay Oficial voucherul erapentru anumiti parteneri

Marketingviraly Thebestjobevery Campanie in2009pentru promovarea insulelor Australiene

y Willitblendy Campanie depromovare aunui site

y Sheeparty Campanie depromovarea atehnologiei LEDdecatreSamsung

y TheDarkKnighty Cea mai marecampanie virala depromovare aunui filmy Extrem decomplexa insa cucosturi reduse

Marketingviraly IWearYourShirt.comy JasonSadlerin2009y Seinchiria ptozi incarepurta tricoul alesdecumparatory Taxa crestea delaozi laaltay http://iwearyourshirt.com/calendar/201011

y Ikea Facebook Showroomy Campanie globala bazata pe reteaua Facebooky Costuri decateva mii deEURO

Marketingviraly MarcEcko Stillfreey Secventa videoincareAirForceOneeramarcat cugraffitiy Peste 7000destiri inlumea intreagay 114milioane devizualizari

Tehnici noi multimediay Videola360 0y http://www.yellowbirdsdonthavewingsbuttheyflytomakeyouexperiencea3dreality.com/y http://media.yb.nl/360ski/y AugmentingRealityy http://www.bmw.co.uk/bmwuk/augmented_reality/homepagey http://www.youtube.com/watch?feature=player_embedded&v=rRcognsyqNY

multimedia

Documents