A quick introductory guide to terminology and modern techniques for dealing with uploading and downloading video on the web and across mobile devices. This presentation also covers the basics of video size, compressions, bitrate, color depth, and streaming.

1. digital video

2. overview
terminology and technology

3. bitrate
amount of data over time
W x H x FPS x (CD / CF)

4. color depth (CD)
number of bits used to indicate color

5. example color depths
1-bit 2^1 2 colors, black and white
8-bit 2^8 256 colors
...
true color 2^24 16,777,216 colors

6. bits per frame
dimensions (W,H) X color depth (CD)

7. bitrate (bits per second)
bits per frame X frames per second

8. 600 x 480, 24bit, 25fps, 1 hour
600 x 480 = 307,200 pixels / frame
24 x 307,200 = 7.37 Mbits / frame
25 x 7.37 = 184.25 Mbits / second
184.25 * 3600 seconds = 82.6Gbytes

9. measuring compression
bitrate = W x H x FPS x (CD / CF)
CD / CF = average bits per pixel (BPP)

10. measuring compression
a normal video with true color is 24 bits/pixel
jpeg/frame 1 - 8 bits/pixel
mpeg4 less than 1 bits/pixel

11. H.264 / MPEG4 Part 10
● final draft finished in 2003
● youtube, vimeo, itunes store, adobe flash,
microsoft silverlight
● competitors
○ vp8 / webm - google - free - under BSD license

12. The Future is Soon - H.265, HEVC
● High Efficiency Video Coding
● final draft finished in 2013
● 50% bitrate savings - cut bandwidth
requirements in half
● hardware needs to catch up, might be 18
months down the road till mass hardware
adoption

13. HTTP Live Streaming
● protocol by Apple, Inc.
● no need for expensive server software (i.e
flash media server)
● m3u8 playlist and mpeg4 transport stream
files
● adaptive (multiple bitrates)

14. See it in action...
www.hollerback.co