Show media and VTT text tracks in the devtools.

Source/devtools/front_end/ResourceType.js

Index: Source/devtools/front_end/ResourceType.js
diff --git a/Source/devtools/front_end/ResourceType.js b/Source/devtools/front_end/ResourceType.js
index 2c206c7fd07a5ee9e1cd1518f7666999c97f8f30..552f817cef4cdd1064b0549d3eab0d9c9b142710 100644
--- a/Source/devtools/front_end/ResourceType.js
+++ b/Source/devtools/front_end/ResourceType.js
@@ -116,9 +116,11 @@ WebInspector.resourceTypes = {
     Document: new WebInspector.ResourceType("document", "Document", "Documents", "rgb(47,102,236)", true),
     Stylesheet: new WebInspector.ResourceType("stylesheet", "Stylesheet", "Stylesheets", "rgb(157,231,119)", true),
     Image: new WebInspector.ResourceType("image", "Image", "Images", "rgb(164,60,255)", false),
+    Media: new WebInspector.ResourceType("media", "Media", "Media", "rgb(164,60,255)", false), // FIXME: Decide the color.
     Script: new WebInspector.ResourceType("script", "Script", "Scripts", "rgb(255,121,0)", true),
     XHR: new WebInspector.ResourceType("xhr", "XHR", "XHR", "rgb(231,231,10)", true),
     Font: new WebInspector.ResourceType("font", "Font", "Fonts", "rgb(255,82,62)", false),
+    TextTrack: new WebInspector.ResourceType("texttrack", "TextTrack", "TextTracks", "rgb(164,60,255)", true), // FIXME: Decide the color.
     WebSocket: new WebInspector.ResourceType("websocket", "WebSocket", "WebSockets", "rgb(186,186,186)", false), // FIXME: Decide the color.
     Other: new WebInspector.ResourceType("other", "Other", "Other", "rgb(186,186,186)", false)
 }
@@ -176,5 +178,8 @@ WebInspector.ResourceType.mimeTypesForExtensions = {
     "sh": "text/x-sh",
 
     // SCSS
-    "scss": "text/x-scss"
+    "scss": "text/x-scss",
+
+    // Video Text Tracks.
+    "vtt": "text/vtt"
 }