html - 在 HTML/JavaScript 扩展中使用 x-webkit-speech

标签 html google-chrome-extension speech-recognition speech

我正在尝试在 Google Chrome 中的一个简单的 HTML/JavaScript 扩展中使用新的 x-webkit-speech 函数.但是,我已经尝试并尝试查看一堆示例,但无法成功调用该函数。我见过其他人这样做,但我真的不明白为什么我做不到。我将 JavaScript 代码放入一个单独的文件中,但我包括使用 <script src="filename.js"> 这是我的 x-webkit-speech 行....

<input id="speechInput" type="text" style="font-size:25px;" x-webkit-speech speech onwebkitspeechchange="onChange()" />

现在,如果我将 onChange() 更改为 alert(this.value),它会执行一个带有语音输入值的警告框。所以我真的不明白为什么我不能只调用另一个函数。我不是最伟大的 JavaScript 或 HTML 程序员,但我对此进行了大量研究。每个人对事物的定义都不同,而且由于没有可靠的 API,因此很难真正知道谁拥有正确的形式,因为它们似乎都以某种方式起作用。

我的onChange 函数看起来像

function onChange() { alert("in onChange"); } 

我只是想测试并确保它能发挥作用,但我什么也没得到。

最佳答案

我今天在玩这个功能,实际上你的代码似乎没问题,适合我。完整版本如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Speech</title>
</head>

<script type="text/javascript" charset="utf-8">
    function onChange() {
        alert('changed');
    }
</script>

<body>

    <input id="speechInput" type="text" style="font-size:25px;"
           x-webkit-speech onwebkitspeechchange="onChange()" />

</body>
</html>

不过我确实注意到,如果 Chrome 无法识别语音,则不会调用 onChange()。我使用的是 Chrome 11.0.696.28 测试版。如果您只针对基于 webkit 的浏览器(如 Chrome 或 Safari),则 speech 属性也不是必需的。即使您保留它,它也不适用于 Firefox 4。不确定 IE9,因为我没有它。

关于html - 在 HTML/JavaScript 扩展中使用 x-webkit-speech,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5534153/

相关文章:

python - 如何删除pyspeech windows语音识别命令?

android - 语音搜索权限

javascript - jQuery 轮播幻灯片动画

javascript - 检查div的内容是否匹配 - JS

javascript - 使用 `localStorage` 时,数组不会存储在 `callback` 中

javascript - Chrome 操作系统,通过 Chrome 扩展程序快速判断是否有互联网连接?

javascript - chrome 扩展的内容脚本在 google、youtube 页面中不起作用

ios - 从语音到文本的数学评估

javascript - 检查 中的值并附加给定值

javascript - 刷新其他页面的 iframe 内的页面