Web Multimedia


Published on

1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Web Multimedia

  1. 2. <ul><li>It’s as large as life, </li></ul><ul><li>and twice as natural! </li></ul><ul><li>- Lewis Caroll, Through the Looking-Glass </li></ul>
  2. 3. <ul><li>Multimedia is simply multiple forms of media integrated together. Media can be text, graphics, audio, animation, video, data, etc. An example of multimedia is a web page on the topic of Mozart that has text regarding the composer along with an audio file of some of his music and can even include a video of his music being played in a hall. </li></ul>
  3. 4. <ul><li>To make the presentation as natural-looking as possible by combining text, graphics, sound, animation and video in a meaningful way. </li></ul><ul><li>Because multimedia enables us to learn in a real world context. </li></ul><ul><li>Because multimedia allows us to </li></ul><ul><li>tailor our learning. </li></ul><ul><li>Because multimedia technologies </li></ul><ul><li>eliminate communication barriers. </li></ul>
  4. 6. <ul><ul><li>Like multimedia </li></ul></ul><ul><ul><li>Hate waiting </li></ul></ul><ul><ul><li>Hate obsolete formats </li></ul></ul><ul><ul><li>Find it a hurdle to download and install plug-ins </li></ul></ul>
  5. 8. <ul><li>Don’t stream lengthy media </li></ul><ul><li>Don’t simply translate analog to digital </li></ul><ul><li>Use text and media sparingly </li></ul><ul><li>Tailor your content for web delivery </li></ul><ul><li>If you can, use: </li></ul><ul><ul><ul><ul><ul><li>Audio only </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Slide shows, or </li></ul></ul></ul></ul></ul><ul><ul><ul><ul><ul><li>Video </li></ul></ul></ul></ul></ul>
  6. 10. <ul><li>A good way to deliver multimedia </li></ul><ul><li>Audio synchronized with still images </li></ul><ul><li>Slideshows can be turned into video </li></ul><ul><li>Still images with sound compresses better than video </li></ul><ul><li>Movie frame rate can be low </li></ul><ul><li>Can devote more data to image quality and size </li></ul>
  7. 11. <ul><li>Most challenging medium </li></ul><ul><li>Uncompressed video is too heavy </li></ul><ul><ul><ul><li>1 second NTSC video = 27MB </li></ul></ul></ul><ul><li>Scaling and compression needed </li></ul><ul><li>High compression = poor quality video </li></ul><ul><li>Shoot close-ups – they compress efficiently and look good at low resolution and frame rates </li></ul>
  8. 12. <ul><li>Lack interface controls </li></ul><ul><li>No easy way to stop looping animation </li></ul><ul><li>Lack means to replay non-looping animation </li></ul><ul><li>Do not perform interframe compression </li></ul><ul><li>Acts as a distraction </li></ul><ul><li>Disrupt users’ concentration from primary contents </li></ul>
  9. 13. <ul><li>Simple animation on website’s main page </li></ul><ul><li>Right amount of visual interest </li></ul><ul><li>Non-distracting from primary contents </li></ul><ul><li>Subtle animation – rollover, mouseover </li></ul><ul><li>Useful to illustrate concepts and procedures </li></ul><ul><li>Animation preferably on a secondary window to minimize distraction </li></ul>
  10. 14. <ul><li>Files should be small enough to be accessible to broadest possible audience </li></ul><ul><li>Sufficient quality to be worth the effort </li></ul><ul><li>Balance quality against accessibility </li></ul><ul><li>Know characteristics of different media </li></ul><ul><li>Know limitations of delivering media </li></ul><ul><li>Be ready to compromise </li></ul>
  11. 15. <ul><li>Characteristics of analog source </li></ul><ul><ul><li>CD-quality audio = 44.1 KHz </li></ul></ul><ul><ul><li>Sound = 16-bit stereo </li></ul></ul><ul><ul><li>Video = 640 x 480 pixels </li></ul></ul><ul><ul><li>Frame rate = 30 frames per second (fps) </li></ul></ul><ul><ul><li>Full capture needs enormous amounts of disk storage </li></ul></ul>
  12. 16. <ul><li>Eliminates redundant data </li></ul><ul><li>Removes less important data to shrink file further </li></ul><ul><li>Uses algorithms or “codecs” which handle compression and decompression when played </li></ul><ul><li>Codecs use lossy compression </li></ul><ul><li>Multiple compression = low video quality </li></ul>
  13. 22. <ul><li>Continuous sending of data to user </li></ul><ul><li>Entire file is not downloaded </li></ul><ul><li>Content stored in media server which determines client’s data capacity </li></ul><ul><li>Server adjusts data streaming accordingly and sends just enough data to the client </li></ul>