Implement Voice Fill control on about:newtab and about:home

[johngruen]

Add a voice control button to about:newtab and about:home page search boxes.

This button should have the following features:

• It should match the provided visual spec
• It if the user clicks it, it should trigger the Voice Fill UI
• If the user types in the search field; the voice search button should revert to the default UI

Please review the Main Interface view for UI measurements: https://www.dropbox.com/sh/iy20ednfyxhsj3l/AACABj4tCdqMySL6UDUqNxlKa?dl=0 note: you may have to download the Dropbox folder to see the measurement spec, we're working on a hosted solution

[johngruen]

Flagging @fangshih in case any assets are required

[shgysk8zer0]

Tangent to the issue, but, considering how useful this could be and how SpeechRecognition is a thing now, what if there was an attribute added to <input type="text|search" /> that, when present and supported, added a mic icon inside of the input, similar to the clear/reset/whatever icon currently used for dates.

Maybe just for search, since text is the default, and too few developers use the correct input types. Maybe for <textarea> and even contenteditable="true" too.

I assume that there is at least an idea of implementing this by default.