"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.

Slides:



Advertisements
Similar presentations
Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Advertisements

Using Audacity Audacity is a free, easy-to- use audio editor and recorder for a variety of operating systems.
Pro Tools 7 Session Secrets Chapter 6: After the Bounce or Life Outside of Pro Tools Life Outside of Pro Tools.
Chapter 11 Media and Interactivity Basics Key Concepts
HTML Structure & Web Design Basics
HTML 5 and CSS 3, Illustrated Complete Unit K: Incorporating Video and Audio.
CSC 8610 & 5930 Multimedia Technology Lecture 5 Digital Audio Processing.
Chapter 5 Capturing and Editing Digital Audio 1. Ways to Acquire Digital Audio Record Digitize analog medium 2.
INF Web Design Using Multimedia on the Web Video - Part 1.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
AUDIO VIDEO FLASH DIGITAL MEDIA: COMMUNICATION AND DESIGN
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
Web Development & Design Foundations with XHTML Chapter 11 Key Concepts.
Chapter 16 Web Media © 2013 Cengage Learning. All Rights Reserved. May not be scanned, copied or duplicated, or posted to a publicly accessible website,
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.
Audio and Video CGS Some Common Audio Formats Format Use Extension MIDI instrumental music.mid MPEG songs.mp3 RealAudio live broadcasts.ra Wave.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Chapter 5 Capturing and Editing Digital Audio 1. Ways to Acquire Digital Audio Record Digitize analog medium 2.
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.
MIME Types, Video and Audio and Embedded Fonts Andy Stokes Multimedia for the Web Presentation 5.
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.
Contents MULTIMEDIA –Audio –Video –Animation –PDF.
Supplementary Materials on Web Authoring. Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips.
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.
Using Plug-Ins Adding Multimedia to an HTML Document.
Communicating through the Internet Chapter 3. Instant Messaging Instant Messaging services are programs that enable you to communicate in real time with.
CS 200 Multimedia Objects in Web Pages. MultiMedia Objects Three primary types of multimedia objects  Audio  Video Includes Flash Objects  Images.
How to Get around on a ipod Table of Contents Which ipod are you ? There are 6 different ipods they have some different features but all do the same.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
© University of Reading 2006www.reading.ac. uk 18 June 2016 Streaming and Podcasting Laura Bennetto and Guy Pursey.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 11 KEY CONCEPTS 1.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Section 9.1 Section 9.2 Identify multimedia design guidelines
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Using Multimedia on the Web
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Chapter 5 Capturing and Editing Digital Audio
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Embedding Media into Web Pages
Chapter 4: HTML5 Media - <video> & <audio>
VIDEO.
Web Programming– UFCFB Lecture 8
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Tutorial 7 Working with Multimedia
David Zepeda Information Architecture and Design I Fall 2005
2.02G Publishing Animated Videos
2.02F Publishing Animated Videos
Integrating Multimedia: Sound, Video and More
Playing Audio (Part 1).
HTML5 Media.
Multimedia: making it Work
Client-Side Internet and Web Programming
Working with Multimedia
How to add audio and video to your website
Web Programming– UFCFB Lecture 8
Chapter 9 Audio.
For Podcasts and Other Media
Presentation transcript:

"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.

Chapter 5 Capturing and Editing Digital Audio Part 4 Delivery of Digital Audio

In this lecture, you will learn: Delivery of audio for different intended uses

Uses of Digital Audio Video Multimedia authoring Playback on the Web Audio CD Podcast

Video Export audio and import it into the video editing program Most video editing program support: .wav .aif mp3 Some audio editing program, such as Adobe Audition, let you import video can synchronize audio with the video

Multimedia Authoring Export audio and import it into the multimedia authoring program Adobe Flash supports: .wav .aif .au .mp3 audio-only QuickTime

Playback on the Web Best if small file size for less wait time HTML5 audio Streaming format Progressive download

Methods to Play Back on the Web Embedding the audio on the Web page HTML5 audio Played using the browser's built-in player Non-HTML5 audio Played using plug-in or external player Linking to the audio file will cause the file to play in an external player window

HTML5 Audio Supported formats: MP3, ACC (MP4), OGG Vorbis, and WAV HTML5 <audio> tag: Example usage: <audio src="demo.oga" controls> An introduction of HTML5 video and audio is covered in Chapter 15

QuickTime Audio-Only Movies Can be exported using video-editing programs (Adobe Premiere Pro, Apple Final Cut Pro) Fast-start movies: Allow progressive download—the audio will start to play as soon as enough data have been downloaded.

Embedding QuickTime Audio-Only Movies in a Web Page HTML <object> tag Parameters: controller: visibility of the movie controller bar loop: whether the movie loops playback autoplay: whether the movie automatically starts

Example HTML Code: Embedding QuickTime for Background Music <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Demo – QT Sound with Controller</title> </head> <body> <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="0" height="0"> <param name="src" value="ylwong-example.mov"/> <param name="controller" value="false"/> <param name="autoplay" value="true"/> <param name="loop" value="true"/> <embed width="0" height="0" src="ylwong-example.mov" controller="false" autoplay="true" loop="true" > </embed> </object> </body> </html> Please update the code in Figure 5.26 in the book

Example HTML Code: Embedding QuickTime with a Controller Bar <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Demo – QT Sound with Controller</title> </head> <body> <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="50" height="16"> <param name="src" value="ylwong-example.mov"/> <param name="controller" value="false"/> <param name="autoplay" value="true"/> <param name="loop" value="true"/> <embed width="50" height="16" src="ylwong-example.mov" controller="false" autoplay="true" loop="true" > </embed> </object> </body> </html>

QuickTime with a Controller Bar

RealAudio Can be streamed require a Real Server—a streaming server Can also be used on the Web without streaming .ra or .rm file converted from a .wav using RealProducer Basic (free) or RealProducer Plus

Audio CD Must use: sampling rate: 44,100 Hz bit depth: 16 stereo Audio editing programs (such as Adobe Audition) also let you create audio CD projects: title and artist for each track length of pauses between tracks enable/disable copy protection ISRC number

Podcast Podcast: Episode: Each file in the podcast Feed: a collection of files available on a Web server usually audio files can be any types of files: Web pages, text, PDF, images, ... Episode: Each file in the podcast Feed: The text file that lists the internet addresses of the files in a podcast. Posted on a Web server People subscribe to the feed

How Podcast Works Whenever a new episode is available, it will be automatically downloaded to the subscriber's computer or device (e.g. iPod) The software program that periodically checks and download the new items is called aggregator (e.g. iTune)

General Steps to Podcast Audio Create Your Audio Content in MP3 Put Your MP3 Files on a Web Server Create Your Podcast Feed File an XML file that lists these information of each episode: title internet address author description length and type of the audio publication date Publish Your Podcast Feed Post your feed file to a Web server and make a link to the feed file like you would post and link any other content. Icons used for the link:

Review Questions Note to instructor: Depending on your preference, you may want to go over the review questions at the end of this lecture as an instant review or at the beginning of next lecture to refresh students' memory of this lecture.

Review Question Name several uses of digital audio. Video Multimedia authoring Playback on the Web Audio CD Podcast

Review Question In which of the following uses of audio that the smaller file size is generally a more crucial consideration? Video Multimedia authoring Playback on the Web Audio CD Podcast C

Review Question In which of the following uses of audio that the audio quality is generally a more crucial consideration? Video Multimedia authoring Playback on the Web Audio CD Podcast D

Review Question What is the advantage of using streaming format or progressive download for audio playback on the Web? You do not have to wait until the whole audio file has been downloaded in order to start playing. As soon as enough information has been downloaded, the audio will start playing.

Review Question Which of the following properties of a QuickTime audio-only movies can be set in the HTML code? (More than one correct choice) visibility of the controller bar width and height of the controller bar automatically start playing looping the audio all A, B, C and D