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

2023-12-27

我正在尝试使用新的x-webkit-speech简单 HTML/JavaScript 扩展中的函数谷歌浏览器 http://en.wikipedia.org/wiki/Google_Chrome。然而,我已经尝试并尝试查看一堆示例,但无法让它成功调用该函数。我见过其他人这样做,但我真的不明白为什么我不能。我将 JavaScript 代码放入一个单独的文件中,但我使用

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

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

My 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),则语音属性也不是必需的。即使您保留它,它也无法在 Firefox 4 上运行。不确定 IE9 是否适用,因为我没有它。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在 HTML/JavaScript 扩展中使用 x-webkit-speech 的相关文章

随机推荐

  • 是否可以将“获取令牌”和“获取用户信息”步骤合并为一?

    在授权代码流程中 客户端通常会得到id token and 访问令牌一步 然后通过访问令牌到 userinfo 端点以在第二步中获取实际数据 就 OpenID Connect 而言 是否可以将这些步骤合并为一个 这样从客户端到 OpenID
  • 如何在悬停某物时连续单击?

    我很确定这有一个简单的解决方案 我正在使用 jCarousellite 我想更改内置导航按钮的行为以在悬停时触发 carousel jCarouselLite vertical true btnNext btn down btnPrev b
  • 在 Dart/Flutter 中解析巨大的 (3Gb) XML

    我有一个网站 我从该网站收到一个巨大的 XML 文件 我需要在 Dart 中将其解析为 2 个类 XML 部分
  • 使用 pecl 在 osx 上安装 phpredis

    我安装时遇到一些问题phpredis在我的 Mac OS X Mavericks 上 我有redis server安装并运行 我用了sudo pecl install redis安装 phpredis 现在 当我这样做时 出现了以下情况 r
  • 如何将整数保存到 NSUserDefaults 中?

    有谁知道我将如何将我的高分整数保存到 NSUserDefaults 以便稍后加载它 NSUserDefaults standardUserDefaults setInteger HighScore forKey HighScore 把它找回
  • 发送和接收短信

    我正在寻找如何使用自己的应用程序接收和发送短信的信息 我不知道我应该使用什么设备 什么编程语言有合适的API等等 您可能想调查一下Twilio http www twilio com 他们提供发送和接收短信的服务
  • Kivy:如何使小部件表现得像溢出:隐藏

    我想在 Kivy 中创建 GridLayout 其中包含许多矩形按钮以及一些不同大小的自定义图像 为此 我想要缩放图像 我想要执行此操作的方式如下所示 然后裁剪 隐藏溢出小部件边框的部分 调整大小效果很好 但我不知道如何隐藏 裁剪矩形之外的
  • 条件/三元运算符如何工作? C++ [重复]

    这个问题在这里已经有答案了 以下代码的直译是什么 另外 请解释它的含义以及使用该运算符的不同方法 int i 1 j 2 cout lt lt i gt j i j lt lt is greater lt lt endl 有关三元运算符的任
  • 机器的.net核心cpu使用率

    我最近从 c 迁移到 net core 在 C 中 我使用以下方法获取 CPU 使用情况 PerformanceCounter cpuCounter PerformanceCounter ramCounter cpuCounter new
  • 全新安装后,Stenciljs 从 @types/babel__traverse 包抛出构建错误

    So for context I have just installed stencil And was wanting to mess around with it I m using latest version from the do
  • Quill JS - 检查表单提交上的文本是否更改

    我正在使用 Quill 富文本 需要找到一种方法来检查页面提交表单时文本是否已更改 我对使用 Quill 还很陌生 并且一直在查看事件here https quilljs com docs api events html 每次文本更改时 显
  • 循环遍历数组的数组

    我有一个数组的数组 比如图形 如何迭代所有数组 var parentArray 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 26 27 28 它只是一个示例数
  • Django:部署服务器上未显示静态文件

    我无法让我的网站正确加载静态文件 关于静态文件的settings py文件如下 Static files STATIC URL static STATIC ROOT var www str8red com static STATICFILE
  • 有资质的生产者消费者

    我是 clojure 的新手 正在尝试了解如何正确使用其并发功能 因此任何批评 建议都会受到赞赏 所以我尝试在 clojure 中编写一个小型测试程序 其工作原理如下 有 5 个生产者和 2 个消费者 生产者等待一段随机时间 然后将一个数字
  • 克服空数组的 ValueError

    In 这次讨论 https stackoverflow com questions 22853118 twiny in matplotlib changes the y axis scale 22856984 noredirect 1 co
  • 如何删除cllocation的缓存?

    我正在开发一个 iPhone 应用程序 它是一个位置感知应用程序 目前 除了先前位置的缓存之外 该应用程序运行良好 第一次启动应用程序位置管理器会获取当前位置 然后根据当前位置显示附近的事物 但从下一个开始 它会使用之前获取的位置 直到我重
  • 在 php 中解析 mIRC 颜色

    我想转换mirc 颜色代码 http www mirc com help colors html通过 php 转换为 html 这是示例 http searchirc com search php F exact T chan N 6246
  • Javascript异步执行:回调会中断正在运行的代码吗?

    我只是希望有人能为我澄清这一点 如果我使用 Node js 在服务器端运行以下代码 不在浏览器中 console log a db get select from table1 function result console log b c
  • 如何在WebBrowser控件中注入CSS?

    据我所知 有一种方法可以将 javascript 注入到 DOM 中 下面是使用 javascript 注入的示例代码webbrowser控制 HtmlElement head webBrowser1 Document GetElement
  • 在 HTML/JavaScript 扩展中使用 x-webkit-speech

    我正在尝试使用新的x webkit speech简单 HTML JavaScript 扩展中的函数谷歌浏览器 http en wikipedia org wiki Google Chrome 然而 我已经尝试并尝试查看一堆示例 但无法让它成