Learn how to compress audio and video for delivery to desktop and mobile devices today. Learn how to use HTML5 and Flash as well as best practices from editing, compression and delivery of content.
DevoxxFR 2024 Reproducible Builds with Apache Maven
Intro to Compression: Audio and Video Optimization for Learning
1. Are you on Twitter? Why not?
Join today and participate in the conference backchannel #mlearningdevcon
Introduction to Compressing
Video & Audio
Flash & HTML5
Nick@sealworks.com
Twitter.com/NickFloro
2. Flash & HTML 5
A file that tells the computer what
kind of media to present and
when to present it.
• Video
• Audio
• Text
• Flash
• Interactivity
• Tracks
14. Family of MPEG Standards
The foundation for all digital media
MPEG-1 MPEG-2 MPEG-4
VHS Quality DVD Quality Wireless, Internet
1.5 Mbps 6 Mbps Scalable
1992 1994 1998
16. MPEG-4: The MPEG for the Internet
The standard for the digital media revolution
• Original DV 60 sec 266mb
• MPEG-4 = 450k to 7.8mb
• Flash 8+ = 450k to 7.8mb
• 60 minutes of Video = 16gb
• 60 minutes compressed = 480mb
34. Selecting a Microphone
USB Connects Directly to Computer
Logitech USB Desktop Logitech ClearChat Pro Samson CO1U USB
Microphone $20 USB Headset $40 Condenser Microphone $70
Blue Microphones Snowball Blue Microphones Yeti
USB Microphone $89 USB Microphone $149
37. Guidelines for Compression
Selecting a Kilohertz
44khz 22khz
A kilohertz (kHz) is a unit of frequency equal to 1,000 hertz (1,000 cycles per second)
43. Setting up a Studio
Costs
Computer $1,199 Software $994 Camera / Studio $1,470
Sanyo HD $400 16gb Video SD $55
MacBook Pro $1,199 Premiere CS4 $699 or Final Cut $995
Flood Lighting $395 Green Screen $200
Boris Chroma FX $295
Tripod $125 Lavalier Microphone $295
Apple iMac $1,199
44. Browser Technologies
Percentage of Browser Enabled Viewers
Adobe Flash Player 99.1
Microsoft Windows Media Player 83.4
Apple QuickTime Player 67.7
0 25 50 75 100
53. QuickTime Pro
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
63. Embedding Video
<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();