AUDIO
       VIDEO
       FLASH
           DIGITAL MEDIA:
COMMUNICATION AND DESIGN

                24.04.2007
Digital Media: Communication and Design   F2007



Comments
 Web 2.0 guest lecture
 Evaluation
 Intro to scripting (PHP...
Digital Media: Communication and Design   F2007




50
45
40
35
30
25
20
15
10
5
0
     1   2   3     4   5   6
          ...
Digital Media: Communication and Design   F2007



Index
 Audio
 Video
 Flash
Digital Media: Communication and Design   F2007



Audio
   What can audio do for us?
Digital Media: Communication and Design   F2007



Audio
   Audio is
    analogue
   Encoding: we
    sample the
    wav...
Digital Media: Communication and Design   F2007



Sampling rate (Hz)
 How many times per second we have a
  sample
 Max...
Digital Media: Communication and Design   F2007



Bit rate (bits)
 How many bits we use to describe the
  values
 8 bit...
Digital Media: Communication and Design   F2007



Ripping a CD to MP3
   Bitrate: how many bits
    per second
       R...
Digital Media: Communication and Design   F2007



File formats
   WAV: Wave file
       Not compressed
       NOT for ...
Digital Media: Communication and Design   F2007



File formats II
   QuickTime:
       Container for audio, video, imag...
Digital Media: Communication and Design   F2007



This is Sparta
 44 KHz, 228 KB
 22 KHz, 114 KB
 11 KHz, 57 KB
 8 KHz, 4...
Digital Media: Communication and Design   F2007



Audio
   2 methods:
     Linkto file
     Streaming
Digital Media: Communication and Design   F2007



Link to a file
 <a href=“audio/sparta.mp3”>Download
 song (1.5 Mb)</a>
...
Digital Media: Communication and Design   F2007



Streaming

   The file starts playing right
    away
   The file is n...
Digital Media: Communication and Design   F2007



Streaming
   Typical formats:
     RealAudio
     QuickTime
     Wi...
Digital Media: Communication and Design   F2007



Audio editing
 Audacity (open source, free)
 Sound Forge
 Audition (...
Digital Media: Communication and Design   F2007



Index
 Audio
 Video
 Flash
Digital Media: Communication and Design   F2007



Video
   What can video do for us?
Digital Media: Communication and Design   F2007



Properties of video
 Movie length
 Frame size
     Streaming:320x240...
Digital Media: Communication and Design   F2007



Properties of video II
   Quality:
     Degree    of compression
   ...
Digital Media: Communication and Design   F2007



Compression
 Lossless: no information is lost
 Lossy: throw away info...
Digital Media: Communication and Design   F2007



Popular codecs
   MPEG-1: VHS, VCD
   MPEG-2: DVD, Digital TV
   MPE...
Digital Media: Communication and Design   F2007



Popular formats
   QuickTime (.mov)
       Can contain audio, video, ...
Digital Media: Communication and Design   F2007



Video
Digital Media: Communication and Design   F2007



Streaming
Digital Media: Communication and Design     F2007



Video in an HTML document
 <a href=“video/holidays.avi”>See the
 vide...
Digital Media: Communication and Design   F2007



Index
 Audio
 Video
 Flash
Digital Media: Communication and Design   F2007



Flash
   What can Flash do for us?
Digital Media: Communication and Design   F2007



Questions?
Upcoming SlideShare
Loading in …5
×

Audio. Video

407 views
342 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
407
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Audio. Video

  1. 1. AUDIO VIDEO FLASH DIGITAL MEDIA: COMMUNICATION AND DESIGN 24.04.2007
  2. 2. Digital Media: Communication and Design F2007 Comments  Web 2.0 guest lecture  Evaluation  Intro to scripting (PHP)  Intro to Flash  Mandatory assignment due to 01.05 at 9.59
  3. 3. Digital Media: Communication and Design F2007 50 45 40 35 30 25 20 15 10 5 0 1 2 3 4 5 6 6 7 8 8 9 9 10 10 11 12
  4. 4. Digital Media: Communication and Design F2007 Index  Audio  Video  Flash
  5. 5. Digital Media: Communication and Design F2007 Audio  What can audio do for us?
  6. 6. Digital Media: Communication and Design F2007 Audio  Audio is analogue  Encoding: we sample the wave and round the value to an allowed value
  7. 7. Digital Media: Communication and Design F2007 Sampling rate (Hz)  How many times per second we have a sample  Max frequency and recommended sampling rate  Voice: ~ 4000 Hz -> 8000 Hz  Music: ~20000 Hz -> 44100 Hz
  8. 8. Digital Media: Communication and Design F2007 Bit rate (bits)  How many bits we use to describe the values  8 bits: 256 values  16 bits: 65536 values (CD quality)
  9. 9. Digital Media: Communication and Design F2007 Ripping a CD to MP3  Bitrate: how many bits per second  Radio: 64 kbps  CD: 128 kbps (192)  Sampling rate:  CD: 44.1 KHz  Radio: 8 KHz  Channels:  Mono / stereo / joint stereo
  10. 10. Digital Media: Communication and Design F2007 File formats  WAV: Wave file  Not compressed  NOT for the web  MP3: MPEG 1 Layer 3  Lossy compression (1/10 of WAV)  OGG (Vorbis):  Lossy compression  Free format  MIDI:  Contains information about notes and instruments to play
  11. 11. Digital Media: Communication and Design F2007 File formats II  QuickTime:  Container for audio, video, images...  RealAudio  Pioneer on streaming audio  PC World: #2 worst tech products of all time  Windows Media Audio  Popular for streaming (.asf files)  AAC (Advanced Audio Coding)  Substitute of MP3 (?)  Flash
  12. 12. Digital Media: Communication and Design F2007 This is Sparta 44 KHz, 228 KB 22 KHz, 114 KB 11 KHz, 57 KB 8 KHz, 42 KB
  13. 13. Digital Media: Communication and Design F2007 Audio  2 methods:  Linkto file  Streaming
  14. 14. Digital Media: Communication and Design F2007 Link to a file <a href=“audio/sparta.mp3”>Download song (1.5 Mb)</a> <embed src=“starwars.mid” autostart=“true” hidden=“true”></embed>
  15. 15. Digital Media: Communication and Design F2007 Streaming  The file starts playing right away  The file is not downloaded: protect copyright  The server must have a special configuration  Good for broadband connections
  16. 16. Digital Media: Communication and Design F2007 Streaming  Typical formats:  RealAudio  QuickTime  Windows Media  Flash
  17. 17. Digital Media: Communication and Design F2007 Audio editing  Audacity (open source, free)  Sound Forge  Audition (old Cool Edit)  Garage Band (Mac)
  18. 18. Digital Media: Communication and Design F2007 Index  Audio  Video  Flash
  19. 19. Digital Media: Communication and Design F2007 Video  What can video do for us?
  20. 20. Digital Media: Communication and Design F2007 Properties of video  Movie length  Frame size  Streaming:320x240  Download: 640x480 (HD: up to 1920x1080)  Frame rate (fps)  TV: 25 fps (interlaced, 50Hz)  Streaming: 10 fps
  21. 21. Digital Media: Communication and Design F2007 Properties of video II  Quality:  Degree of compression  Bit depth:  Number of colours (usually 24 bits)  Bit rate:  Number of bits per second (kbps)  Audio + video
  22. 22. Digital Media: Communication and Design F2007 Compression  Lossless: no information is lost  Lossy: throw away information we cannot see  Spatial:  Every frame, similar to JPEG  Temporal:  Areas that don’t change over time
  23. 23. Digital Media: Communication and Design F2007 Popular codecs  MPEG-1: VHS, VCD  MPEG-2: DVD, Digital TV  MPEG-4 Part 10: HD-DVD, Blu-ray, iPod, PSP  MPEG-4 Part 2: DivX, Xvid  Sorenson 3: QuickTime  Theora: OGG video  WMV: Similar to MPEG-4
  24. 24. Digital Media: Communication and Design F2007 Popular formats  QuickTime (.mov)  Can contain audio, video, images...  Good for streaming  AVI (Audio Video Interleave)  MP4 (.mp4, .m4a, .m4p)  ASF (Advanced Systems Format)  Windows Media  Real Media (.rm)  Broadcasting  Flash
  25. 25. Digital Media: Communication and Design F2007 Video
  26. 26. Digital Media: Communication and Design F2007 Streaming
  27. 27. Digital Media: Communication and Design F2007 Video in an HTML document <a href=“video/holidays.avi”>See the video of my holidays (90 Mb)</a> <object classid=“clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B” codebase=“http://www.apple.com/qtactivex/qtplugin.cab” width=“480” height=“276”> <param name=“type” value=“video/quicktime” /> <param name=“src” value=“poster.png” /> <param name=“href” value=“sample.mov” /> <param name=“controller” value=“false” /> <param name=“autoplay” value=“true” /> <param name=“target” value=“myself” /> <object type=“video/quicktime” data=“poster.png” width=“480” height=“276” class=“hide”> <param name=“href” value=“sample.mov” /> <param name=“controller” value=“false” /> <param name=“autoplay” value=“true” /> <param name=“target” value=“myself” /> </object> </object> QuickTime: http://www.ceprix.net/examples/qt/example4-1.html Flash: http://www.ceprix.net/examples/qt/example4-2.html
  28. 28. Digital Media: Communication and Design F2007 Index  Audio  Video  Flash
  29. 29. Digital Media: Communication and Design F2007 Flash  What can Flash do for us?
  30. 30. Digital Media: Communication and Design F2007 Questions?

×