Lecture 5: CSCI E-1 Spring 2013

Transcript

1. Computer Science E-1
   Lecture 5: Multimedia
   

   View Slide

2. Exam I
   

   View Slide

3. http://www.cnn.com/2013/03/10/
   tech/web/grumpy-cat-sxsw
   

   View Slide

4. http://www.theonion.com/video/
   youtube-contest-challenges-users-
   to-make-a-good-vi,14288/
   

   View Slide

5. Multimedia
   

   View Slide

6. File Formats
   

   View Slide

7. http://download.microsoft.com/download/0/B/E/
   0BE8BDD7-E5E8-422A-ABFD-4342ED7AD886/
   Word97-2007BinaryFileFormat%28doc
   %29Specification.pdf
   

   View Slide

8. Interpreting Bits
   

   View Slide

9. Raster Graphics
   

   View Slide

10. Pixels
    

    View Slide

11. View Slide

12. Colors
    

    View Slide

13. Additive Color Mixing
    

    View Slide

14. View Slide

15. Color Depth
    

    View Slide

16. RGB
    

    View Slide

17. #FF0000
    

    View Slide

18. #0088FF
    

    View Slide

19. http://www.html-color-names.com/
    color-chart.php
    

    View Slide

20. Subtractive Color Mixing
    

    View Slide

21. View Slide

22. View Slide

23. CMYK
    

    View Slide

24. Bitmaps
    

    View Slide

25. Magic Numbers
    

    View Slide

26. 0x42 0x4D
    

    View Slide

27. Metadata
    

    View Slide

28. View Slide

29. xxd
    

    View Slide

30. Resolution
    

    View Slide

31. View Slide

32. http://www.youtu.be/Vxq9yj2pVWk
    

    View Slide

33. Compression
    

    View Slide

34. Lossless Compression
    

    View Slide

35. View Slide

36. View Slide

37. Lossy Compression
    

    View Slide

38. Hey wat r u doin tmrw? I wntd 2
    go 2 c Ben.
    

    View Slide

39. Hey, what are you doing
    tomorrow? I wanted to
    go see Ben.
    

    View Slide

40. JPEG
    

    View Slide

41. View Slide

42. View Slide

43. Alpha
    

    View Slide

44. Animated GIFs
    

    View Slide

45. http://whatshouldwecallme.tumblr.com/
    

    View Slide

46. Name Extension Compression Color Alpha
    Bitmap .bmp No 24-bit No
    GIF .gif Lossless 8-bit No
    JPEG .jpg, .jpeg Lossy 24-bit No
    PNG .png Lossless 24-bit Yes
    

    View Slide

47. Vector Graphics
    

    View Slide

48. http://en.wikipedia.org/wiki/
    File:Virtual_Private_Network_over
    view.svg
    

    View Slide

49. Icon Fonts
    

    View Slide

50. http://fortawesome.github.com/
    Font-Awesome/
    

    View Slide

51. Seam Carving
    

    View Slide

52. View Slide

53. View Slide

54. Energy
    

    View Slide

55. View Slide

56. View Slide

57. Sound
    

    View Slide

58. View Slide

59. Amplitude
    

    View Slide

60. Wavelength
    

    View Slide

61. Interference
    

    View Slide

62. View Slide

63. Analog to Digital
    

    View Slide

64. View Slide

65. Sampling Rate
    

    View Slide

66. View Slide

67. Bitrate
    

    View Slide

68. MP3
    

    View Slide

69. PCM
    

    View Slide

70. Psychoacoustics
    

    View Slide

71. 20 Hz - 20 kHz
    

    View Slide

72. Frequency Masking
    

    View Slide

73. Fast Fourier Transform
    

    View Slide

74. Spectrogram
    

    View Slide

75. View Slide

76. Frames
    

    View Slide

77. ID3
    

    View Slide

78. Audio Formats
    

    View Slide

79. Audio Formats
    • AAC
    • MIDI
    • MP3
    • WAV
    • WMA
    

    View Slide

80. Audacity
    

    View Slide

81. 3D Graphics
    

    View Slide

82. Wireframe
    

    View Slide

83. View Slide

84. Polygon Mesh
    

    View Slide

85. View Slide

86. Subdivision
    

    View Slide

87. http://www.subdivision.org/demos/
    demos.html
    

    View Slide

88. View Slide

89. View Slide

90. View Slide

91. 3D Scenes
    

    View Slide

92. View Slide

93. View Slide

94. Clipping
    

    View Slide

95. Culling
    

    View Slide

96. Video
    

    View Slide

97. Codecs
    

    View Slide

98. Video Codecs
    

    View Slide

99. Video Codecs
    • H.264
    • Theora
    • VP8
    

    View Slide

100. Containers
     

     View Slide

101. Video Containers
     

     View Slide

102. Video Containers
     • AVI
     • MKV
     • MP4
     • MOV
     • Ogg
     • WebM
     

     View Slide

103. Compression
     

     View Slide

104. View Slide

105. http://youtu.be/d1JA-nh0IfI
     

     View Slide

106. Streaming
     

     View Slide

107. Buffering
     

     View Slide

108. Resolution
     

     View Slide

109. Aspect Ratio
     

     View Slide

110. Adaptive Bitrate Streaming
     

     View Slide

111. GPUs
     

     View Slide

112. View Slide

113. http://youtu.be/-P28LKWTzrI
     

     View Slide

114. http://youtu.be/mWUf-H1Qjd8
     

     View Slide

115. Flash
     

     View Slide

116. Problem Set 5
     

     View Slide

117. http://www.cafepress.com/make/
     personalized-gifts
     

     View Slide

118. Computer Science E-1
     Lecture 5: Multimedia
     

     View Slide