![Page 1: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/1.jpg)
Audio and Video
Curtis Thomas
385E Information Architecture and Design I
![Page 2: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/2.jpg)
Overview
• The Medium
• Popular Formats
• Design Guidelines
• Library of Congress Analysis
• IA and Audio / Video
![Page 3: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/3.jpg)
The Medium
• Streaming Media
• Codecs
![Page 4: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/4.jpg)
Streaming Media
Streaming media was made possible by the creation of two protocols:
• User Datagram Protocol (UDP)• RealTime Streaming Protocol (RTSP)
![Page 5: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/5.jpg)
UDP and RTSP
• Continuously send information even when data dropout occurs
• Users get information in chunks
• Network congestion can cause a lapse in the video or audio feed
![Page 6: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/6.jpg)
Codecs• Transform data streams by discarding any
unnecessary data
• Audio codecs discard frequencies that fall outside of the range of human hearing
• Video codecs predict picture content from previously viewed images in the stream
![Page 7: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/7.jpg)
Popular Formats
• RealMedia
• Apple’s QuickTime
• MPEG, MP3, WAV
![Page 8: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/8.jpg)
RealMedia RealMedia is a streaming audio and video
format
• Useful for slower Internet connections• Reduced audio quality• Slower video playback (3 to 6 fps)• Heavily affected by Internet traffic
![Page 9: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/9.jpg)
QuickTime Offers a streaming format as well as
smaller downloadable files
• Higher quality streaming format than RealMedia
• Average file size is 5 to 6 megs per minute of video
• Greater bandwidth demands
![Page 10: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/10.jpg)
Various FormatsMPEG (Video)• High quality• 9 megs per minute of video
MP3 (Audio)• High quality, fast downloads
WAV (Audio)• Highest audio quality• Longer download times• Must wait for download to finish completely
![Page 11: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/11.jpg)
General Design Guidelines
• Inform users of technological demands• Provide clear access to software• Avoid gratuitous “eye candy”• Stick with standard formats• Provide controls
![Page 12: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/12.jpg)
Video Guidelines
• Plain page summary
• Screenshots from video content
• Segment long clips
• Choose clips with minimal motion
![Page 13: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/13.jpg)
Audio Guidelines
• Summarize content
• Give users control
• Provide estimated download times
![Page 14: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/14.jpg)
Library of CongressAmerican Memory Website
![Page 15: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/15.jpg)
Video Content
![Page 16: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/16.jpg)
Audio Content
![Page 17: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/17.jpg)
IA and Audio / VideoThe key to successful Web multimedia is to tailor your content for Web delivery.
Do not simply translate video and audio content to the computer screen.
Employ design guidelines and use the strength of computers to make content exciting and approachable.
![Page 18: Audio and Video Curtis Thomas 385E Information Architecture and Design I](https://reader036.vdocument.in/reader036/viewer/2022070409/56649e9d5503460f94b9dcba/html5/thumbnails/18.jpg)
References
American Memory from the Library of Congress, Retrieved on October 20, 2004 from: http://memory.loc.gov/ammem/index.html
Beggs, J. and Thede D. (2001). Designing Web Audio: Chapter 5: Introduction to Streaming Media. Retrieved October on 22, 2004 from:http://www.oreilly.com/catalog/sound/chapter/ch05.html
Nielsen, J. (1999). Video and Streaming Media. Retrieved on October 22, 2004 from:http://www.useit.com/alertbox/990808.html
Streaming media – Wikipedia, Retrieved on October 22, 2004 from:http://en.wikipedia.org/wiki/Streaming_media
Codec – Wikipedia, Retrieved on October 20, 2004 from:http://en.wikipedia.org/wiki/Codec
QuickTime – Wikipedia, Retrieved on October 20, 2004 from:http://en.wikipedia.org/wiki/QuickTime
Windows Media – Wikipedia, Retrieved on October 20, 2004 from:http://en.wikipedia.org/wiki/Windows_Media
Windows Media Audio – Wikipedia, Retrieved on October 20, 2004 from:http://en.wikipedia.org/wiki/Windows_Media_Audio
Windows Media Video – Wikipedia, Retrieved on October 20, 2004 from:http://en.wikipedia.org/wiki/Windows_Media_Audio