$30 off During Our Annual Pro Sale. View Details »

Lecture 5: CSCI E-1 Spring 2013

Lecture 5: CSCI E-1 Spring 2013

Tommy MacWilliam

March 25, 2013
Tweet

More Decks by Tommy MacWilliam

Other Decks in Education

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