Audio and Video Curtis Thomas 385E Information Architecture and Design I.

Slides:



Advertisements
Similar presentations
Slide 1 Topic 1 Software Development Process for Multimedia Applications.
Advertisements

2.02F Publishing Animated Videos 2.02 Develop Computer Animations.
Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
ITIS 1210 Introduction to Web-Based Information Systems Chapter 36 How Music and Audio Work on the Internet.
1 Multimedia on the Web: Issues of Bandwidth Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each second.
4.2 Multimedia Elements Audio 1. Learning Outcomes: At the end of the lesson, students should be: a) describe the purpose of using audio in multimedia.
10 C H A P T E R © 2001 The McGraw-Hill Companies, Inc. All Rights Reserved1 Streaming Media and Synchronized Multimedia One of the ways the Internet is.
1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.
3.02 Publishing Animations
Chapter 9 Integrating Video. Digital video is a series of bitmap images that, when played back, create the illusion of movement. The quality and overall.
CPSC Characteristics of Streaming Media Stored on the Web M. Li, M. Claypool, R. Kinicki, and J. Nichols To appear in ACM Transactions on Internet.
EE442—Multimedia Networking Jane Dong California State University, Los Angeles.
Quicktime Howell Istance School of Computing De Montfort University.
Streaming media over the Internet A million channels and there is still nothing on! By Samuel Shiffman Streaming Technologist Seton Hall University
Introduction to Streaming © Nanda Ganesan, Ph.D..
1 Video and Audio Over The Net Mahdi ZandakbariVesal Hajiabbas.
1 NETE4631 Communicating with the Cloud and Using Media and Streaming Lecture Notes #14.
Video Streaming © Nanda Ganesan, Ph.D..
How To Create Your Own Video Clips Joe Calhoun Florida State University Council for Economic Education Annual Conference October 9, 2010.
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
Podcasting 101..and more. Workshop Objectives: Introduce iTunes: abundance of resources, multi-media organizer, classroom tool You do not need an iPod.
Using Multimedia on the Web
1 CMSCD1011 Introduction to Computer Audio Lecture 10: Streaming audio for Internet transmission Dr David England School of Computing and Mathematical.
Digital Video Basics CPSC 120 Principles of Computer Science April 16, 2012.
INF Web Design Using Multimedia on the Web Sound - Part 2.
DIS Multimedia Productions Video On Demand March 14th 9:30-10:15 AM.
Silberschatz, Galvin and Gagne ©2009 Operating System Concepts – 8 th Edition, Chapter 19/20: Real-time and Multimedia Systems Inclusions from Tanenbaum,
Media Server Streaming Elizabeth Canela David Vera Bernard James Lilian Ohanian.
1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.
© 2011 The McGraw-Hill Companies, Inc. All rights reserved Chapter 6: Video.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
Twenty Questions Multimedia and Webpage Design Twenty Questions
2.02 Develop Computer Animations Review By: Adam Garcia,Christian Brown, Richard Williams, Tyler Borden.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
UNIT 12 SERVER SIDE OF A WEBSITE Cambridge Technicals.
Audio and Video on the Web Presentation by Cheryl Deas and Pasha Souvorin Multimedia for Web Designers.
Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.
Stream video Liane Tarouco Leandro Bertholdo RNP POP/RS.

Streaming Media A technique for transferring data on the Internet so it can be processed as a steady and continuous stream.
Video. Using video  Carefully planned, well-executed video clips can make a dramatic difference in a multimedia project  Use video only when all other.
QuickTime The Joy of Streaming!. QuickTime Streaming Server Allows for real time delivery of media over a network. intranet internet Content can be prerecorded.
McGraw-Hill©The McGraw-Hill Companies, Inc., 2004 Chapter 28 Multimedia.
Chapter 28. Network Management Chapter 29. Multimedia
Streaming Media at Penn State Kaspar Stromme Kim Winck Center for Education Technology Services Web 2001 Conference, June26, 2001.
LECTURE 07 RAZIA NISAR NOORANI Digital Video. Basic Digital Video Concepts CS118 – Web Engineering 2 Movie length Frame size Frame rate Quality Color.
Embedding Multimedia in Web Pages  Multimedia is a popular buzzword for sound, motion video, and interactive animation.  Some problems or obstacles.
Creating Streaming Video Clips for Web-based Instruction Jay Cofield, Ph.D. The university of Montevallo July 9, 2002.
Fs Streaming Media a presentation by Florian Seidel.
Multimedia. What is multimedia? Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films,
Digital Video File Formats an overview. Introduction Digital Video & Audio files are also known as container formats. These “containers” are digital files.
Multimedia in Web Introduction. Multimedia Elements in Web Page Images Voice Music Animation Video Text & Numbers.
Audio Streaming © Nanda Ganesan, Ph.D.. Audio File Features Audio file is a record of captured sound that can be played back –The WAV File is an example.
California State University, LA Presented by Amanda Steven StevenAamirObaid.
Video 2 Subject:T0934 / Multimedia Programming Foundation Session:11 Tahun:2009 Versi:1/0.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Section 9.1 Section 9.2 Identify multimedia design guidelines
VIDEO.
Mohammad Malli Chadi Barakat, Walid Dabbous Alcatel meeting
Web Programming– UFCFB Lecture 8
Jennifer Noble INF 385E November 13, 2007
Digital TV..
3.02 Publishing Animations
David Zepeda Information Architecture and Design I Fall 2005
2.02G Publishing Animated Videos
2.02F Publishing Animated Videos
3.01F Publishing Animated Videos
Web Programming– UFCFB Lecture 8
Digital Video Faraz Khan.
Presentation transcript:

Audio and Video Curtis Thomas 385E Information Architecture and Design I

Overview The Medium Popular Formats Design Guidelines Library of Congress Analysis IA and Audio / Video

The Medium Streaming Media Codecs

Streaming Media Streaming media was made possible by the creation of two protocols: User Datagram Protocol (UDP) RealTime Streaming Protocol (RTSP)

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

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

Popular Formats RealMedia Apple’s QuickTime MPEG, MP3, WAV

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

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

Various Formats MPEG (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

General Design Guidelines Inform users of technological demands Provide clear access to software Avoid gratuitous “eye candy” Stick with standard formats Provide controls

Video Guidelines Plain page summary Screenshots from video content Segment long clips Choose clips with minimal motion

Audio Guidelines Summarize content Give users control Provide estimated download times

Library of Congress American Memory Website

Video Content

Audio Content

IA and Audio / Video The 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.

References American Memory from the Library of Congress, Retrieved on October 20, 2004 from: Beggs, J. and Thede D. (2001). Designing Web Audio: Chapter 5: Introduction to Streaming Media. Retrieved October on 22, 2004 from: Nielsen, J. (1999). Video and Streaming Media. Retrieved on October 22, 2004 from: Streaming media – Wikipedia, Retrieved on October 22, 2004 from: Codec – Wikipedia, Retrieved on October 20, 2004 from: QuickTime – Wikipedia, Retrieved on October 20, 2004 from: Windows Media – Wikipedia, Retrieved on October 20, 2004 from: Windows Media Audio – Wikipedia, Retrieved on October 20, 2004 from: Windows Media Video – Wikipedia, Retrieved on October 20, 2004 from: