Site Settings Desktop: Implement media picker for camera/mic categories.

chrome/browser/resources/settings/site_settings/media_picker.html

Index: chrome/browser/resources/settings/site_settings/media_picker.html
diff --git a/chrome/browser/resources/settings/site_settings/media_picker.html b/chrome/browser/resources/settings/site_settings/media_picker.html
new file mode 100644
index 0000000000000000000000000000000000000000..f7dd9dc1620cc84f41ea41c237ee0ccba8e3c149
--- /dev/null
+++ b/chrome/browser/resources/settings/site_settings/media_picker.html
@@ -0,0 +1,39 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-listbox/paper-listbox.html">
+<link rel="import" href="/settings_shared_css.html">
+
+<dom-module id="media-picker">
+  <template>
+    <style include="settings-shared">
+      :host {
+        display: block;
+      }
+
+      paper-dropdown-menu {
+        --paper-input-container-input: {
+          font-size: inherit;
+        };
+
+        --paper-font-caption: {
+          font-size: inherit;
+        }
+      }
+    </style>
+    <div class="settings-box" id="picker" hidden>
+      <paper-dropdown-menu>
+        <paper-listbox id="mediaPicker" class="dropdown-content"
+            attr-for-selected="media-picker-value"
+            on-iron-activate="onMediaPickerActivate_">
+          <template is="dom-repeat" items="[[devices]]">
+            <paper-item media-picker-value$="[[item.id]]">
+              [[item.name]]
+            </paper-item>
+          </template>
+        </paper-listbox>
+      </paper-dropdown-menu>
+    </div>
+  </template>
+  <script src="media_picker.js"></script>
+</dom-module>