HTML5 语音输入麦克风访问答案

【问题标题】：HTML5 Voice Input mic accessHTML5 语音输入麦克风访问
【发布时间】：2012-05-04 04:02:37
【问题描述】：

Chrome (Mac) 上的 HTML5 语音输入如何访问麦克风？是因为我安装了谷歌语音插件吗？

浏览器不应该在授予访问权限之前明确请求许可吗？

【问题讨论】：

【解决方案1】：

麦克风不会直接暴露在网页上——它只是通过 Google 服务器发布语音（并接收文本），因此不被视为安全问题（您必须单击麦克风图标才能启动它）。这与语音输入在 Android 和 Google 的 iPhone/Blackberry 应用上的工作方式非常相似。

【讨论】：

但是不能隐藏该字段并且可以将图标更改为看起来像另一个按钮吗？另外，脚本究竟是如何访问麦克风的？是不是像flash这样的插件？
它不是插件，它是内置在浏览器中的。这就是为什么这不适用于除 Chrome 之外的任何浏览器（目前）
如果该字段被隐藏，您不能点击它来触发它。图标无法设置样式。
"它只是发布文本"-不，不是！请参阅此链接：mikepultz.com/2011/03/accessing-google-speech-api-chrome-11.U 可以编辑您的答案！

【解决方案2】：

在授予访问权限之前明确询问权限，这就是单击麦克风图标的含义。

把它想象成<input type="file"> 元素——你点击“浏览”，它会显示你的文件系统，浏览器会直接将选择的文件发送到服务器。

【讨论】：

【解决方案3】：

对于那些说你不能设置按钮样式并且不能被利用的人 - 它是通过 Facebook 之类的按钮完成的 - http://www.esrun.co.uk/blog/disguising-a-facebook-like-link/

那么是什么阻止它对 Google Mic 按钮起作用？

【讨论】：

仍然是输入类型="text"，图标被硬编码到webkit/chrome中。最接近隐藏图标的方法是使用类似于-webkit-gradient(linear, 0 0, 0 bottom, from(#9A9A9A), to(#818181)) 的背景渐变。即使这样，你也必须点击按钮。