Encoding Audio & Video for the Web Presented by William Haun

Slides:



Advertisements
Similar presentations
Panos Xylias - 2nd line - 15/04/04
Advertisements

PGA309 EVM Multi-Cal-Tools-V1.6a User’s Guide
Delivering Audio & Video Online Presented by William Haun
Video Podcasting: When, Where and How it s Currently used for Instruction Abbie Brown, Ph.D. East Carolina University Timothy D. Green, Ph.D. California.
1 Copyright © 2013 Elsevier Inc. All rights reserved. Chapter 4 Computing Platforms.
UNITED NATIONS Shipment Details Report – January 2006.
Introduction to HTML, XHTML, and CSS
FACTORING ax2 + bx + c Think “unfoil” Work down, Show all steps.
Year 6 mental test 5 second questions
Environmental Remote Sensing GEOG 2021
Photo Slideshow Instructions (delete before presenting or this page will show when slideshow loops) 1.Set PowerPoint to work in Outline. View/Normal click.
Solve Multi-step Equations
The IP Revolution. Page 2 The IP Revolution IP Revolution Why now? The 3 Pillars of the IP Revolution How IP changes everything.
Output Devices.
1 Audio Video Production Cables and Connectors Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
1 Audio Video Production Cables and Connectors Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
Chapter 15 Complex Numbers
Fundamentals of Audio Production. Chapter 6. 1 Fundamentals of Audio Production Chapter Six: Recording, Storing, and Playback of Sound.
OFFICE OF SUPERINTENDENT OF PUBLIC INSTRUCTION Division of Assessment and Student Information Online MSP Testing In-Depth Technology Training January 13,
IP Multicast Information management 2 Groep T Leuven – Information department 2/14 Agenda •Why IP Multicast ? •Multicast fundamentals •Intradomain.
Factor P 16 8(8-5ab) 4(d² + 4) 3rs(2r – s) 15cd(1 + 2cd) 8(4a² + 3b²)
Basel-ICU-Journal Challenge18/20/ Basel-ICU-Journal Challenge8/20/2014.
Introduction to Digital Video. Digital Video Digital vs. Analog Analog video uses a continuous electrical signal to capture footage on a magnetic tape.
Macromedia Dreamweaver MX 2004 – Design Professional Dreamweaver GETTING STARTED WITH.
Slippery Slope
1 Final Cut Pro X Winter Connections Conference 2012.
©Brooks/Cole, 2001 Chapter 12 Derived Types-- Enumerated, Structure and Union.
Chapter 12 Working with Forms Principles of Web Design, 4 th Edition.
Exponents and Radicals
PSSA Preparation.
Chapter 11 Creating Framed Layouts Principles of Web Design, 4 th Edition.
Essential Cell Biology
A lesson approach © 2011 The McGraw-Hill Companies, Inc. All rights reserved. a lesson approach Microsoft® PowerPoint 2010 © 2011 The McGraw-Hill Companies,
St. Paul Public Television Quality Workshop - July 8-9, 2010
Let’s Stream! Using iMovie 2 An overview of video for streaming for the Internet.
Adaptive Segmentation Based on a Learned Quality Metric
ITIS 1210 Introduction to Web-Based Information Systems Chapter 36 How Music and Audio Work on the Internet.
4.1Different Audio Attributes 4.2Common Audio File Formats 4.3Balancing between File Size and Audio Quality 4.4Making Audio Elements Fit Our Needs.
1. Digitization of Sound What is Sound? Sound is a wave phenomenon like light, but is macroscopic and involves molecules of air being compressed and expanded.
Presents… “Best Encoding Practices” For use with.
Audiovisual digital documents Adolf Knoll National Library of the Czech Republic
Dawn Pedersen American River College. Introduction This will be a brief overview of using video in Flash. We will cover the following topics today: Streaming.
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.
Digital Video Teppo Räisänen LIIKE/OAMK. General Information Originally video material was processed using analog tools Nowadays it is common, that digital.
AUDIO VIDEO FLASH DIGITAL MEDIA: COMMUNICATION AND DESIGN
Web Video Basics Carol Doggett President/Owner Preparing Your Videos for Today’s On-line World.
Streaming media over the Internet A million channels and there is still nothing on! By Samuel Shiffman Streaming Technologist Seton Hall University
Image Formation and Digital Video
Using Multimedia on the Web
Video Basics. Agenda Digital Video Compressing Video Audio Video Encoding in tools.
AVI File Format By : Jacob, Bab and Conor. Basic operation Presented By: Conor.
© 2011 The McGraw-Hill Companies, Inc. All rights reserved Chapter 6: Video.
Kapi’olani Community College Art 222 Digital Multimedia In-class Presentation Week 9B.
Audio on the Web Teaching OntheNet 2002 Minneapolis, MN June 23-25, 2002.
242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS /206/ /227/ /129/123 Secondary colors 114/181/204.
LECTURE 07 RAZIA NISAR NOORANI Digital Video. Basic Digital Video Concepts CS118 – Web Engineering 2 Movie length Frame size Frame rate Quality Color.
Creating Streaming Video Clips for Web-based Instruction Jay Cofield, Ph.D. The university of Montevallo July 9, 2002.
Chapter 10. The Role of Video in Multimedia  Any presentation or application that uses sound and graphics qualifies as multimedia  Clip A segment of.
 „BB FlashBack stores its movies in FlashBack (FBR) format. If you want non-FlashBack users to be able to watch your movie, you'll need to export it.
Adobe Flash Professional CS5 – Illustrated Unit E: Optimizing and Publishing a Movie.
Video Compression, Codecs, and Containers Explained
Video Basics.
RENDERING Preparing the Project Exporting the Timeline Video Settings
VIDEO.
Digital TV..
Chapter 6: Video.
2.02G Publishing Animated Videos
2.02F Publishing Animated Videos
Multimedia: making it Work
Digital Video Faraz Khan.
Presentation transcript:

Encoding Audio & Video for the Web Presented by William Haun

Outline Understanding Bit Rates Tips for Encoding Audio Tips for Encoding Video Production and Post-Production Tips 2

Understanding Bit Rates What is Bit Rate? Recommended Bit Rates CBR vs. VBR One-pass vs. Two-pass 3

Understanding Bit Rates What is Bit Rate (transfer rate)? The number of bits transferred each second Usually measured in kilobits per second (kbps) Most encoders have you specify a bit rate for your file, then the rest of the settings affect the quality Bit rate (kbps) ٭ length (sec) ÷ 8 ÷ 1024 = total size of file (MB) Dont forget that video files have a video bit rate & audio bit rate that combine to create the total bit rate. 4

Understanding Bit Rates Recommended Bit Rates Dial-Up Progressive Download: kbps Streaming: 38kbps DSL Progressive Download: kbps Streaming: never over 350kbps Cable Progressive Download: 512kbps – 2mbps Streaming: never over 512kbps 5

Understanding Bit Rates Constant Bit Rate vs. Variable Bit Rate -Constant Bit Rate (CBR) never fluctuates -Variable Bit Rate (VBR) allocates more bits per second to the more complex parts of audio/video but keeps an overall average for the whole file 6

Understanding Bit Rates Constant Bit Rate vs. Variable Bit Rate -VBR should always be used with download & progressive download media -VBR often cant be used with real-time encoding -VBR with streaming should only be used if a peak bit rate has been set 7

Understanding Bit Rates One-Pass vs. Two-Pass Most encoding software lets you specify whether you want it to pass over the media file once or twice while encoding. Two-pass takes longer to encode but provides a higher quality encoded file. It especially improves the quality of VBR encoded files. Two-pass cannot be used with real-time encoding. 8

Tips for Encoding Audio Channels (Stereo vs. Mono) Sample Rates Choosing an Audio Codec 9

Tips for Encoding Audio Channels (Stereo vs. Mono) -The average users computer speakers are not high-quality and not positioned to take advantage of stereo sound (the user may also not have speakers plugged in correctly) -Dropping a channel cuts the file size in half You can take advantage of that reduction to have higher quality mono sound -Always convert audio for the web to mono unless the stereo effect is so important you can sacrifice quality and/or file size 10

Tips for Encoding Audio Sample Rate -Sample rate is one of the key contributing factors to audio file size -Sample rates are measured in hertz and define how many samples are recorded per second -More samples per second equates to higher fidelity 11

Tips for Encoding Audio Sample Rate -CD quality is 44.1khz FM radio is around 15khz -22khz is a perfectly acceptable rate for music online Down sampling from 44khz to 22khz cuts file size in half -Audio that is primarily speech can be dropped significantly – even as low a 8khz 12

Tips for Encoding Audio Choosing an Audio Codec -You cant go wrong with MP3, everything supports it -MP4 is slowly becoming the new standard, it has a much better compression ratio -WMA is another alternative with a great compression ratio but is mostly limited to Windows Media Player 13

Tips for Encoding Video Frame Rate Frame Size (Resolution) Key Frames Image Quality (Video Smoothness vs. Sharpness) Multiple bit rate streaming (also called intelligent streaming) 14

Tips for Encoding Video Frame Rate -NTSC video (TV standard) is 30 frames per second (fps) -The average human eye can only process 20-22fps -Dropping the frame rate of video for the web from 30 to 20 means 1/3 less file size -Video without much motion can be dropped to 15fps (i.e. footage filmed on tripod, person talking) -Stick with frame rates divisible by 5 or 6 (10,12,15,18,20,24,30) 15

Tips for Encoding Video Frame Size (Resolution) 320x240 is the most common size on the web Recommended frame sizes: -High Bandwidth: 400x300 or 480x360 -Low Bandwidth: 240x180 -Dial-up: 180x120 (pretty much worthless) -Download for DVD/TV: 640x480 Make sure you dont change the aspect ratio (it will stretch or squash your image) 16

Tips for Encoding Video Frame Size (Resolution) -T he larger the frame size, the more noticeable low frame rates will be -Crop widescreen bars They are a waste of bits x x480

Tips for Encoding Video Frame Size (Resolution) -If you are encoding NTSC footage be sure to de-interlace the footage if your final size is over 240px high 18

Tips for Encoding Video Frame Size (Resolution) -Crop overscan when digitizing footage from tape (especially VHS) 19

Tips for Encoding Video Key Frames -A key frame is a point in encoded video where the data for the entire frame is transmitted, rather than just the changes. 20

Tips for Encoding Video Key Frames -More key frames means sharper image but costs more bandwidth and may cause overall degradation of quality -Less key frames means smoother video, too few gives underwater look (see YouTube) 21

Tips for Encoding Video Key Frames -Pay attention to setting values in your encoding software Sometimes you set X key frames per second other times it is key frame every X frames -If a auto key frame on scene change option is available ALWAYS check it -Key frames also become the seek points in a video 22

Tips for Encoding Video Image Quality (Smoothness vs. Sharpness) -Some codecs let you set a quality/smoothness setting -Choosing smoothness over quality means the encoder will not drop any frames to preserve the smoothest motion but will lower the quality of the image in order to do so -Choosing quality over smoothness will drop frames to preserver the quality of the image -Choose sharper (higher quality) for content without much detail and motion -Choose smoother for high motion or a lot of detail 23

Tips for Encoding Video Multiple Bit Rate Streaming Uses a single file to deliver a video file to the user that is appropriate for his bandwidth Windows Media calls it Intelligent Streaming and packages several different bit rate versions into one file The Windows Media Server then automatically determines which version to stream to the user based on its calculation of what his bandwidth is (there is debate over how well this actually works) 24

Tips for Encoding Video Multiple Bit Rate Streaming QuickTime requires you to encode the different bit rate versions, then use MakeRef tool to create a reference movie for them. Their QuickTime player then chooses which version to stream to them based on their QuickTime player settings. Some encoders have the MakeRef functionality built-in (Cleaner, Wirecast) 25

Tips for Encoding Video Multiple Bit Rate Streaming Flash Media Server has built-in functionality that will drop frames on-the-fly from the video if a users bandwidth cant handle it True multiple bit rate streaming with FMS is more complicated. Like QuickTime, you must encoded the different bit rate versions. Then a bandwidth detection movie needs to be run by the video player and then player must be programmed to determine which video to stream from an array of videos 26

Tips for Encoding Video Multiple Bit Rate Streaming The SMIL XML standard also has a mechanism for delivering multiple bit rate files. SMIL can be used with all four of the most common media players. FLV & SMIL example: htm?context=LiveDocs_Parts&file= html htm?context=LiveDocs_Parts&file= html 27

Production and Post-Production Tips Tripod, Tripod, Tripod! Video shot on a tripod provides the encoder with frames that dont change as much. The encoder can then dedicate bits to important motion within the frame. Even the steadiest handheld footage makes every single frame different from its preceding one. The encoder then has a harder time determining what is frame movement and what is in-frame motion. 28

Production and Post-Production Tips Minimize In-Frame Motion 29 Codecs will use the most bits on the portions of the frame that change Help the codec out by keeping motion to a minimum Avoid motion backdrops Avoid patterned clothes on subjects (a small move shifts the whole pattern)

Production and Post-Production Tips Avoid Fades & Fancy Transitions Fades (dissolves) and animation transitions make more pixels change from frame to frame. The encoder will do one of the following: With CBR your dissolves will just look terrible With VBR it will focus its bits on making your dissolves look nice and your actual contents quality will be compressed 30

Production and Post-Production Tips Avoid Fades & Fancy Transitions 31

Production and Post-Production Tips Use a Noise Reduction Filter Some encoders offer the option to perform noise reduction before encoding. This will clean up grain and noise in the original footage that may confuse the encoder and cause it to waste bits. Noise reduction is very useful with digital video footage shot in low-light situations Noise reduction significantly increases the encoding time Overuse can cause the image to loose too much detail 32

Production and Post-Production Tips Shoot & Edit a Cut Specifically for Web When recording a production for distribution on tape, DVD, and the web consider creating a web version. For live events shoot from one angle on a tripod. In post-production remove transitions and stick to straight cuts. 33

Resources Windows Media Resources Free Windows Media Encoder Windows Media Knowledge Center QuickTime Resources Quicktime Developer Connection Quicktime Developer Tools - Flash Video Resources Compare Flash Video Encoders & Settings - Article on choosing your Encoder app Flash Video Developer Center