Note: This is a technical guide meant for developers
The Voice In chrome extension lets users use their voice to type in a website. Voice In can be used to dictate into the follow html elements:
- input fields <input>
- content editable div <div contenteditable="true" >
- textarea <textarea>
If the input box you want your users to dictate into conforms to one of the three above, Voice In should work by default.
If Voice In is not working on your web page, here are common reasons why:
- Not a Live Page: Voice In chrome extension only gets inserted into pages which have url starting with http:// or https:// . Voice In will not work on the new tab page, chrome internal pages / other chromes extension pages (these will have url starting with chrome://) and on pages starting with file:// . One exception to the rule is the Chrome Webstore. Voice In also doesn't work in the Chrome Webstore - no extension works on the Chrome Webstore.
- IFrame: If your webpage loads the input textbox via an iframe and the iframe is loading from a different host, then the chrome extension will not be access the textbox due to content security policies. You can either load the input textbox directly without an iframe. Alternatively, you can enable cross origin access to your iframe. Read more here.