Multimedia & The World Wide Web winny HCI 201 Multimedia and the www
Popular Video format on web <ul><li>Windows media </li></ul><ul><li>Quicktime </li></ul><ul><li>Realone player </li></ul><...
Types of web video <ul><li>Downloadable - like  *bath* </li></ul><ul><li>Progressive downloading, part of it is downloadin...
Capture <ul><li>If ur video is shot with dv camera, it’s just like transfer files from one disk to another. </li></ul><ul>...
Video on web <ul><li>Key is compression </li></ul><ul><li>Make it small movies </li></ul><ul><li>- Eliminate information a...
Compression <ul><li>Compress movie by using ENCODER </li></ul><ul><li>Encoder! – reduce  the data rate of ur movies </li><...
Compression <ul><li>4 parameters: </li></ul><ul><li>Frame rate 15f/s for web </li></ul><ul><li>Frame size, eg: 320*240 </l...
Human eyesight <ul><li>We r more sensitive to the changes in luminance/brightness than chrominance/color </li></ul><ul><li...
Audio setting <ul><li>Popular setting: </li></ul><ul><li>Rate: 22,050 hz (higher: 44,100) </li></ul><ul><li>Format: 16-bit...
Audio setting <ul><li>Popular setting: </li></ul><ul><li>Rate: 22,050 hz (higher: 44,100) </li></ul><ul><li>Format: 16-bit...
Options: <ul><li>Making several different versions of a progressive download movies. </li></ul>winny HCI 201 Multimedia an...
Embed! <ul><li><embed src=“***.wmv or ***.mov”  </li></ul><ul><li>Width=“320” height=“256”> </li></ul><ul><li>Height: vide...
Other attributes <ul><li>Autoplay = true/false </li></ul><ul><li>Cache= true/false </li></ul><ul><li>Controller= true/fals...
ActiveX control <ul><li>Plugins– activeX control </li></ul><ul><li>Self contained software applications that are automatic...
Upcoming SlideShare
Loading in …5
×

PPT file

417 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
417
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

PPT file

  1. 1. Multimedia & The World Wide Web winny HCI 201 Multimedia and the www
  2. 2. Popular Video format on web <ul><li>Windows media </li></ul><ul><li>Quicktime </li></ul><ul><li>Realone player </li></ul><ul><li>Flash movie –best!!! </li></ul><ul><li>Compressed from avi (raw video and audio file) </li></ul>winny HCI 201 Multimedia and the www
  3. 3. Types of web video <ul><li>Downloadable - like *bath* </li></ul><ul><li>Progressive downloading, part of it is downloading while part is playing, like most movie trailers. (usually just embed your movie inside html) </li></ul><ul><li>Real time streaming, like *shower* (delivered via certain server) </li></ul><ul><li>Live webcasts – live camera connect to web. </li></ul>winny HCI 201 Multimedia and the www
  4. 4. Capture <ul><li>If ur video is shot with dv camera, it’s just like transfer files from one disk to another. </li></ul><ul><li>If ur video is shot with analog camcorder, you need to digitize it first (capture cards) </li></ul>winny HCI 201 Multimedia and the www
  5. 5. Video on web <ul><li>Key is compression </li></ul><ul><li>Make it small movies </li></ul><ul><li>- Eliminate information as possible </li></ul>winny HCI 201 Multimedia and the www
  6. 6. Compression <ul><li>Compress movie by using ENCODER </li></ul><ul><li>Encoder! – reduce the data rate of ur movies </li></ul><ul><li>How: Analyze each pixel in your movie and decides what to throw out and what to keep based on the settings you choose. </li></ul><ul><li>Your choices depend on: </li></ul><ul><li>- the video you’ve shot </li></ul><ul><li>- target audience </li></ul><ul><li>- connection speed </li></ul>winny HCI 201 Multimedia and the www
  7. 7. Compression <ul><li>4 parameters: </li></ul><ul><li>Frame rate 15f/s for web </li></ul><ul><li>Frame size, eg: 320*240 </li></ul><ul><li>Spatial quality </li></ul><ul><li>-intraframe compression, removes redundant info within individual frame </li></ul><ul><li>Temporal quality </li></ul><ul><li>-interframe compression, remove information that repeated over time. </li></ul>winny HCI 201 Multimedia and the www
  8. 8. Human eyesight <ul><li>We r more sensitive to the changes in luminance/brightness than chrominance/color </li></ul><ul><li>So most video codecs: </li></ul><ul><li>Throwing out much of the color info, or doing color averaging </li></ul>winny HCI 201 Multimedia and the www
  9. 9. Audio setting <ul><li>Popular setting: </li></ul><ul><li>Rate: 22,050 hz (higher: 44,100) </li></ul><ul><li>Format: 16-bit Mono, (higher: stereo) </li></ul><ul><li>Compressor: various </li></ul>winny HCI 201 Multimedia and the www
  10. 10. Audio setting <ul><li>Popular setting: </li></ul><ul><li>Rate: 22,050 hz (higher: 44,100) </li></ul><ul><li>Format: 16-bit Mono, (higher: stereo) </li></ul><ul><li>Compressor: various </li></ul>winny HCI 201 Multimedia and the www
  11. 11. Options: <ul><li>Making several different versions of a progressive download movies. </li></ul>winny HCI 201 Multimedia and the www
  12. 12. Embed! <ul><li><embed src=“***.wmv or ***.mov” </li></ul><ul><li>Width=“320” height=“256”> </li></ul><ul><li>Height: video height + control height </li></ul>winny HCI 201 Multimedia and the www
  13. 13. Other attributes <ul><li>Autoplay = true/false </li></ul><ul><li>Cache= true/false </li></ul><ul><li>Controller= true/false </li></ul><ul><li>Loop= false/true/palindrome </li></ul><ul><li>Bgcolor =##### </li></ul><ul><li>… </li></ul>winny HCI 201 Multimedia and the www
  14. 14. ActiveX control <ul><li>Plugins– activeX control </li></ul><ul><li>Self contained software applications that are automatically downloaded and executed by a web browser. </li></ul>winny HCI 201 Multimedia and the www

×