Add media diagrams

Include a simple picture of what containers do. Add diagrams that describe the logical structure and object hierarchy of MPEG2-TS.

@@ -5,16 +5,25 @@ When we talk about video, we normally think about it as one monolithic thing. If
 
 
 Containers formats are probably the most recongnizable of the video components because they get the honor of determining the file extension. You've probably heard of MP4, MOV, and WMV, all of which are container formats. Containers specify how to serialize audio, video, and metadata streams into a sequential series of bits and how to unpack them for decoding. Containers are basically a box that can hold video information and timed media data:
 Containers formats are probably the most recongnizable of the video components because they get the honor of determining the file extension. You've probably heard of MP4, MOV, and WMV, all of which are container formats. Containers specify how to serialize audio, video, and metadata streams into a sequential series of bits and how to unpack them for decoding. Containers are basically a box that can hold video information and timed media data:
 
 
+![Containers](containers.png)
+
 - codecs
 - codecs
 - containers, multiplexing
 - containers, multiplexing
-MPEG2-TS
+
+# MPEG2-TS
+![MPEG2-TS Structure](mp2t-structure.png)
+
+![MPEG2-TS Packet Types](mp2t-packet-types.png)
+
 - streaming vs storage
 - streaming vs storage
 - program table
 - program table
 - program map table
 - program map table
 - history, context
 - history, context
-MP4
-- origins: quicktime
-H.264
+
+# H.264
 - NAL units
 - NAL units
 - Annex B vs MP4 elementary stream
 - Annex B vs MP4 elementary stream
 - access unit -> sample
 - access unit -> sample
+
+# MP4
+- origins: quicktime