Audio and Video CGS 3066. Some Common Audio Formats Format Use Extension MIDI instrumental music.mid MPEG songs.mp3 RealAudio live broadcasts.ra Wave.

Slides:



Advertisements
Similar presentations
3.01C Multimedia Elements and Guidelines 3.01 Explore multimedia systems, elements and presentations.
Advertisements

Computer Fundamentals Multimedia MSCH 233 Lecture 10.
Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
                      Digital Audio 1.
Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
CNIT 132 – Week 9 Multimedia. Working with Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each.
4.1Different Audio Attributes 4.2Common Audio File Formats 4.3Balancing between File Size and Audio Quality 4.4Making Audio Elements Fit Our Needs.
Chapter 11 Media and Interactivity Basics Key Concepts
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.
HTML Structure & Web Design Basics
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes.
3.02C Multimedia Fair Uses Guidelines and Elements
Hyperlinks Types of Links Link to the places in the same page Link to pages within the same site Link to the system –Caution: Will not work without.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
XP 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial 8.
Chapter 9 Audio.
                      Digital Video 1.
1 Kingdom of Saudi Arabia Prince Norah bint Abdul Rahman University College of Computer Since and Information System NET201.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Audio and Video on the Web Sec 5-12 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Skill Area 212 Introduction to Multimedia Internet and MultiMedia for SC 2.
Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 
Web Development & Design Foundations with XHTML Chapter 11 Key Concepts.
Sem 1 v2 Chapter 14: Layer 6 - The Presentation layer.
Discovering Computers 2010 Chapter 2 The Internet and World Wide Web.
CSCI N241: Fundamentals of Web Design Copyright ©2004  Department of Computer & Information Science Adding Sound.
1 Web Developer Foundations: Using XHTML Chapter 10 Helper Applications and Plug-in Concepts.
1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
Sound or Audio, whichever you prefer –MIDI Files.midi or.mid (Musical Instrument Digital Interface) use for instrumental music. –This format is supported.
Sound on the Web. Using Sound on a Web Site Conveying information  pronounce a word or describe a product Set a mood  music to match the web page scene.
HTML Use of Multimedia on web page. HTML Media Q. How to call Image file in our web page ? A. That is the easy syntax for defining an image. 2.
Contents MULTIMEDIA –Audio –Video –Animation –PDF.
XP Tutorial 8New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and.
Tutorial 7 Working with Multimedia
Tutorial 7 Designing a Multimedia Web Site
Creating Web Documents alt attribute Good and bad uses of ‘multimedia’ Sound files Homework: Discuss with me AND post announcement of Project II. Forms.
Discovering Computers Fundamentals, Third Edition CGS 1000 Introduction to Computers and Technology Spring 2007.
Adding Audio to Your Web Site Adventures in Information February 17, 1999 presented byEileen Flick, ISD.
Multimedia From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1 Introduction Important Multimedia Issues Audio Movies.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Computer Science 1 Week 11. This Week... QBasic While Loops QBasic While Loops Audio Basics Audio Basics.
CS 22: Enhanced Web Site Design - Week 5Slide 1 (of 22) Enhanced Web Site Design Stanford University Continuing Studies CS 22 Mark Branom
Multimedia Web Pages. Multimedia displays Browser can load web pages that contains multimedia elements 1. Helper applications: stand-alone programs that.
Embedding Multimedia in Web Pages  Multimedia is a popular buzzword for sound, motion video, and interactive animation.  Some problems or obstacles.
Multimedia. What is multimedia? Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films,
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
Multimedia Multimedia obuhvata sve što može da se vidi, čuje, pročita Multimedijalni sadržaji mogu biti u različitim formatima Podrška Internet browser-ima.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 11 KEY CONCEPTS 1.
XP Practical PC, 3e Chapter 14 1 Recording and Editing Sound.
Section 9.1 Section 9.2 YOU WILL LEARN TO…
Section 9.1 Section 9.2 Identify multimedia design guidelines
Using Multimedia on the Web
Embedding Media into Web Pages
                      Digital Audio 1.
3.01C Multimedia Fair Uses Guidelines and Elements
Integrating Multimedia: Sound, Video and More
HTML5 Media.
3.01C Multimedia Fair Uses Guidelines and Elements
Working with Multimedia
3.01C Multimedia Fair Uses Guidelines and Elements
3.01C Multimedia Fair Uses Guidelines and Elements
Chapter 9 Audio.
Presentation transcript:

Audio and Video CGS 3066

Some Common Audio Formats Format Use Extension MIDI instrumental music.mid MPEG songs.mp3 RealAudio live broadcasts.ra Wave sound clips.wav

MIDI (slide 1) (Musical Instrument Digital Interface) -developed in the early eighties to allow synthesizers and other digital devices to communicate with one another. - MIDI is a representation of sound - describing the note and the instrument that renders it - Voice and acoustic instruments cannot be recorded in MIDI

MIDI - The Advantages - MIDI files are significantly smaller than digital audio files needs less storage space and has a shorter download time - MIDI files can be edited and rearranged

MIDI - the Disadvantages Sounds are not uniform system to system: - Why? because the sound card or playing device of the computer in use defines the sound - Voice and acoustic instruments cannot be recorded

Places to start for MIDI links

MPEG (Motion Pictures Expert Group) Established for video but because of good file compression is often used when transferring whole music recordings (as opposed to clips) MP3 is the most recent MPEG standard

More on MP3 THE most common sound file format on the Web No security features Very easy to share Beyond the web: MP3 is also used in car stereos and portable music players

RealAudio Designed for real-time playing- like radio Smaller than au or wav files but quality Is not as high

WAV Developed for Windows One of the most common forms on the web (but not THE most- that’s MP3) (Macs use AIFF or SND files) (unix uses au files)

What’s Required for an Audio File to be played? - the user's system must have the appropriate plug-in for the audio type (WAV, MP3, etc.) - Browsers identify the plug-in to play the audio file by looking up the file extension in MIME -- (Multipurpose Internet Mail Extensions) in the browser's preferences settings. - The user’s server must also be configured to support the mime type of the audio element.

Some Web Sites with Sound Clips (240,000 clips by category)

To add audio to your page Download free audio clips Right click on the audio link Save as Link on a Mac: hold down the Ctrl key and click on link. To link to the sound clip from your Web page: listen to this! (Remember to use the path for the link if it’s not on the current directory)

How to play an audio clip directly from your page The tag The full command…. <EMBED SRC=“url” WIDTH=“value” ALIGN=”value” AUTOSTART=“startvalue”

EMBED attributes Width and height in pixels allows for the size of the controls to be displayed so the user can play the clip Align places the controls on the page (default is text flows below the controls) Autostart =true means clip starts when page is loaded =false means wait for the user to click

A final word on EMBED The same parameters can be used to play video clips

Some Common Video Types Type File extension AVI.avi * MPEG.mpg or mpeg QuickTime.mov *The latest MPEG, MPEG4, has.avi extension different from this

Some Places to Find Video aterials/Multimedia/On- Line.Multimedia/Video.Archives/.index.html

To add video to your page see this! Look familiar? It’s the same technique as audio!

How to play an video clip directly from your page The tag The full command…. <EMBED SRC=“yourclip.avi” WIDTH=“value” AUTOSTART=“startvalue” LOOP=true>

Video EMBED attributes Width and height in pixels allows for the video to fit the browser window Autostart =true means clip starts when page is loaded =false means wait for the user to click Loop =true means the video will play continuously until the user does something

Some pointers on Multimedia - Tell users what the file size/download time the clip represents - If possible, give them more than one option (sample vs whole thing)

And… Always Make multimedia an OPTION! Never set up your Web site or to begin playing audio or video automatically, This may startle and annoy people Instead, entice people to fetch the audio with a message such as: "Click below to hear 5 secrets!" or “Here’s how the experts do it!”