Compressing Audio and Video for Mobile Delivery @mLearnCon

79
Nick Floro [email protected] @NickFloro Compression & Delivery with HTML5 | Media Formats Media Delivery for Mobile Devices

description

A comprehensive introduction to video technology, compression, and delivery standards for optimizing content delivery to mobile and desktop devices. This session will provide an overview with everything you need to know about editing, preparing, and delivering the highest-quality video and audio to your audience. We’ll discuss techniques and interactivity that you can add, along with the latest standards and how you can take advantage of open-source free compression tools. We’ll cover the latest applications for getting the smallest file sizes and the highest quality.

Transcript of Compressing Audio and Video for Mobile Delivery @mLearnCon

Page 1: Compressing Audio and Video for Mobile Delivery @mLearnCon

Nick [email protected]@NickFloro

Compression & Delivery with HTML5 | Media Formats

Media Delivery for Mobile Devices

Page 2: Compressing Audio and Video for Mobile Delivery @mLearnCon

A file that tells a device what kind of media to present and when to present it.

• Video• Audio• Text• Interactivity• Tracks

Media

Page 3: Compressing Audio and Video for Mobile Delivery @mLearnCon

1991

Page 4: Compressing Audio and Video for Mobile Delivery @mLearnCon

1999

Page 5: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 6: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 7: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 8: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 9: Compressing Audio and Video for Mobile Delivery @mLearnCon

Capture to delivery and beyondThe Production Process

Authoring DeliveryVideo / Audio Assets Compression

Page 10: Compressing Audio and Video for Mobile Delivery @mLearnCon

QuickTime takes you from capture to delivery and beyondA Complete Solution

Delivery

Edit and Compose Playback

Capture Archive

Page 11: Compressing Audio and Video for Mobile Delivery @mLearnCon

ß

Page 12: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 13: Compressing Audio and Video for Mobile Delivery @mLearnCon

Standards Matter

MP3/AAC

Player

SurroundSoundCD

DigitalCameraDVDStereo

VideoCameraHDTV

Phone Tablet

Page 14: Compressing Audio and Video for Mobile Delivery @mLearnCon

Standards Are Everywhere

MPEG-1/MPEG-4

audio

MPEG-2RedBook JPEGAC-3FM DVNTSC/

PAL

Phone Tablet

Page 15: Compressing Audio and Video for Mobile Delivery @mLearnCon

The foundation for all digital mediaFamily of MPEG Standards

MPEG-1VHS Quality

1.5 Mbps1992

MPEG-2DVD Quality

6 Mbps1994

MPEG-4Wireless, Internet

Scalable1998

Page 16: Compressing Audio and Video for Mobile Delivery @mLearnCon

Video

Page 17: Compressing Audio and Video for Mobile Delivery @mLearnCon

• HD 1920 x 1080 = 600mb

• Compressed = 450k to 7.8mb

MPEG-4: The MPEG for the Internet1 Minute of Content

Page 18: Compressing Audio and Video for Mobile Delivery @mLearnCon

• HD 1920 x 1080 = 35gb

• Compressed = 480mb

MPEG-4: The MPEG for the Internet60 Minutes of Content

Page 19: Compressing Audio and Video for Mobile Delivery @mLearnCon

PixelsGuidelines for Compression

mobile640 x 360

720P 1280 x 720

HD 1080i 1920 x 1080

Page 20: Compressing Audio and Video for Mobile Delivery @mLearnCon

Content PlacementGuidelines for Compression

320 x 240

Page 21: Compressing Audio and Video for Mobile Delivery @mLearnCon

Selecting a SizeGuidelines for Compression

384 x 216

480 x 270

640 x 360

Page 22: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 23: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 24: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 25: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 26: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 27: Compressing Audio and Video for Mobile Delivery @mLearnCon

Frame RateGuidelines for Compression

29.97 fps

Page 28: Compressing Audio and Video for Mobile Delivery @mLearnCon

Frame RateGuidelines for Compression

29.97 fps 15 fps

Page 29: Compressing Audio and Video for Mobile Delivery @mLearnCon

Tips & Hints

Key Frames: 4 x fps

Guidelines for Compression

Page 30: Compressing Audio and Video for Mobile Delivery @mLearnCon

Guidelines for Compression2 Pass Variable Bit Rate

Page 31: Compressing Audio and Video for Mobile Delivery @mLearnCon

Guidelines for Compression2 Pass Variable Bit Rate

Page 32: Compressing Audio and Video for Mobile Delivery @mLearnCon

Tips & Hints

Compression– Frame Rate: 15 fps– Key Frames: 4 x fps– Average Data Rate Target 800-1200 kbs– 2 Pass Variable Bit Rate

QuickTime: H264 / Sorenson 3

Flash: H264 / Spark / WebM On2 Pro

Guidelines for Compression

Page 33: Compressing Audio and Video for Mobile Delivery @mLearnCon

Easy Access to VideoFlip $100 to $200

Page 34: Compressing Audio and Video for Mobile Delivery @mLearnCon

Smart Phones

Page 35: Compressing Audio and Video for Mobile Delivery @mLearnCon

Audio

Page 36: Compressing Audio and Video for Mobile Delivery @mLearnCon

Built-in Recorder

Page 37: Compressing Audio and Video for Mobile Delivery @mLearnCon

Selecting a MicrophoneUSB Connects Directly to Computer

Samson CO1U USB Condenser Microphone $70

Logitech USB Desktop Microphone $20

Logitech ClearChat Pro USB Headset $40

Blue Microphones Yeti USB Microphone $149

Blue Microphones Snowball USB Microphone $89

Page 38: Compressing Audio and Video for Mobile Delivery @mLearnCon

Audacity http://audacity.sourceforge.net/

EasyVoipRecorder Recorder (Windows) http://www.easyvoiprecorder.org/

Hot Recorder (Windows) http://www.hotrecorder.com/

Call Recorder (Mac OS X) http://www.ecamm.com/mac/callrecorder/

SkypeRecord Directly

Page 39: Compressing Audio and Video for Mobile Delivery @mLearnCon

Stereo or MonoGuidelines for Compression

Page 41: Compressing Audio and Video for Mobile Delivery @mLearnCon

• 11mb 16bit 44khz Stereo

• 2.8mb 16bit 22khz Mono

• 500k MP3 64k 44khz Mono

Compressing Audio60 Seconds

Page 42: Compressing Audio and Video for Mobile Delivery @mLearnCon

Compressing Audio60 Minutes

30mb660mb60 minutes Compressed MP3 Audio

60 minutes of Uncompressed Audio

Page 43: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 44: Compressing Audio and Video for Mobile Delivery @mLearnCon

Podcasts on the GoAudioBoo & iPhone

Page 45: Compressing Audio and Video for Mobile Delivery @mLearnCon

Tips & Hints

• 16 bit Mono 22 khz

• MP3 64kbit/s Mono 22khz

Guidelines for Compression

Page 46: Compressing Audio and Video for Mobile Delivery @mLearnCon

Setting up a StudioCosts

Computer $1,199 Software $994 Camera / Studio $1,470

Premiere CS4 $699 or Final Cut $995

Boris Chroma FX $295

Sanyo HD $400 16gb Video SD $55

Green Screen $200

Lavalier Microphone $295Tripod $125

Flood Lighting $395

Apple iMac $1,199

MacBook Pro $1,199

Page 47: Compressing Audio and Video for Mobile Delivery @mLearnCon

New Form FactorsDelivering Content Everywhere

Page 48: Compressing Audio and Video for Mobile Delivery @mLearnCon

WebMGoogle

H264 | MPEG 4Apple | Microsoft

mp4

Formats to choose from:Select a format for delivery

Page 49: Compressing Audio and Video for Mobile Delivery @mLearnCon

WebMGoogle

H264 | MPEG 4Apple | Microsoft

mp4

Formats to choose from:Select a format for delivery

Page 50: Compressing Audio and Video for Mobile Delivery @mLearnCon

Fast StartWeb Delivery: HTTP Streaming

Development Standard Web Server

Clients

Page 51: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 52: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 53: Compressing Audio and Video for Mobile Delivery @mLearnCon
Page 54: Compressing Audio and Video for Mobile Delivery @mLearnCon

QuickTime Streaming ServerWeb Delivery: RTP/RTSP Streaming

Development Streaming Server Client

Web Server

Page 55: Compressing Audio and Video for Mobile Delivery @mLearnCon

QuickTime Pro

Sorenson Squeeze

Telestream Episode

Final Cut Pro

Flash

Compressing Content

Page 56: Compressing Audio and Video for Mobile Delivery @mLearnCon

Dozens of professional features

• Hint movies for streaming• Automate with AppleScript• Edit movie clips from digital

cameras• Convert and resize pictures• Enhance movies and stills with

filters and effects

QuickTime Pro

Page 57: Compressing Audio and Video for Mobile Delivery @mLearnCon

HandBrakeOpenSource for Mac/Win/Linux

• MPEG-4• H.264

Page 58: Compressing Audio and Video for Mobile Delivery @mLearnCon

One Tool for Everything

• MPEG-4• Flash SWF• Flash FLV• QuickTime• Real media• MPEG 1/2• MP3 Audio

Sorenson Squeeze

Page 59: Compressing Audio and Video for Mobile Delivery @mLearnCon

One Tool for Everything

• MPEG-4• Flash SWF• Flash FLV• QuickTime• Real media• MPEG 1/2• MP3 Audio

Telestream Episode

Page 60: Compressing Audio and Video for Mobile Delivery @mLearnCon

Authoring & Delivery

• Flash SWF• Flash FLV

Flash CS

Page 61: Compressing Audio and Video for Mobile Delivery @mLearnCon

NLE

• Batch• QuickTime• Effects• Filters• Tools

Final Cut

Page 62: Compressing Audio and Video for Mobile Delivery @mLearnCon

// HTML 5 makes<video> as easyas <img>// HTML 5 makes <video> as easy as <img>

Page 63: Compressing Audio and Video for Mobile Delivery @mLearnCon

<video controls><source src="foo.ogg" type="video/ogg"><source src="foo.mp4">Your browser does not support the video element.</video>

var v = document.getElementsByTagName("video")[0];v.play();

Embedding Video

Page 64: Compressing Audio and Video for Mobile Delivery @mLearnCon

Resources

Page 66: Compressing Audio and Video for Mobile Delivery @mLearnCon

http://www.telestream.net/episode/overview.htm

Page 67: Compressing Audio and Video for Mobile Delivery @mLearnCon

http://www.telestream.net/flip4mac-wmv/overview.htm

Page 71: Compressing Audio and Video for Mobile Delivery @mLearnCon

MP4 last 2 versions

jwplayer.com/html5/

Page 75: Compressing Audio and Video for Mobile Delivery @mLearnCon

www.twitter.com

Page 77: Compressing Audio and Video for Mobile Delivery @mLearnCon

Download the Presentation at:http://www.slideshare.net/nickfloro

Page 78: Compressing Audio and Video for Mobile Delivery @mLearnCon

LaunchCycle.com

Page 79: Compressing Audio and Video for Mobile Delivery @mLearnCon

Thank You

Nick Florosealworks interactive studios

[email protected]

twitter.com/NickFloro

Download the Presentation at:http://www.slideshare.net/nickfloro