npm 包 vock 使用教程

介绍

vock 是一个能够在浏览器端和 Node.js 环境下运行的语音识别库。它能够识别语音,并以文本形式作为输入。该库的使用非常简单,只需要引入依赖并调用相关方法即可。在本篇文章中,我们将会详细介绍 vock 的使用方法。

安装

首先,我们需要在项目中引入 vock。可以使用 npm 进行安装:

--- ------- ----

也可以在 HTML 中直接引入:

------- --------------------------------------------------------------

基本用法

在引入 vock 之后,我们就可以在项目中使用它了。下面是一个简单的示例:

------ ---- ---- -------

----- ---- - --- -------

------------- - ------ -- -
  ------------------
--

-------------

这个示例代码中,我们首先引入了 vock 并创建了一个实例。然后,我们通过设置 onResult 属性来处理识别结果。最后,我们调用 start 方法,开始录音和识别过程。

配置参数

vock 提供了一些配置参数,用来控制识别的行为。下面是一些常用的参数:

  • lang: 语言种类,默认为 "zh-CN"
  • continuous: 是否连续识别,默认为 false,即只识别一次
  • interimResults: 是否在识别过程中输出临时结果,默认为 true

可以在创建实例时传入这些参数。例如:

----- ---- - --- ------
  ----- --------
  ----------- -----
  --------------- ------
---

方法

vock 提供了一些方法,用于控制识别的过程。

  • start: 开始录音和识别
  • stop: 停止录音和识别
  • abort: 中止录音和识别,并清除识别结果
  • isAvailable: 判断当前环境是否支持语音识别

在使用这些方法时,我们需要注意不要在 onResult 中调用 startstopabort。否则会导致无法正常运行。

总结

本篇文章介绍了 vock 的基本用法、配置参数和方法。vock 是一款极其简单易用的语音识别库,可以帮助我们轻松实现语音识别的功能。如果你正在寻找一个好用的语音识别库,那么 vock 绝对是一个不错的选择。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/108870


猜你喜欢

  • npm 包 Angular_ES6_Webpack_Starter 使用教程

    Angular_ES6_Webpack_Starter 是一个基于 Webpack,ES6 和 Angular 搭建的前端架构,它的目的是帮助开发者快速搭建一个基于 Angular 的前端项目。

    5 年前
  • npm 包 @raptorjs/ng-portal 使用教程

    在 Web 前端开发中,组件化思想越来越普及,为了提高代码复用性和可维护性,我们希望能够将页面拆分成多个小组件,组件之间相互独立,通过一定的接口进行通信。而在实际开发中,我们还会遇到一些需要在页面中嵌...

    5 年前
  • npm 包 babel-preset-timmy 使用教程

    什么是 babel-preset-timmy? babel-preset-timmy 是一个基于 Babel 的预设包,旨在提供一系列用于转换 ES6+ 代码的插件和处理功能。

    5 年前
  • npm 包 babel-plugin-dynamic-import-node-babel-7 使用教程

    随着前端技术的不断发展,开发者们越来越注重代码的性能和可维护性。其中,Webpack 的动态导入功能可以大幅度提高代码性能,打包后的代码包会更小,加载速度也会更快。

    5 年前
  • npm 包 babel-preset-last-beta 使用教程

    介绍 在前端开发领域,我们常常需要使用 ES6+ 的语法来编写我们的代码。然而,不同浏览器对于 ES6+ 的支持程度并不尽相同,这就需要我们使用 Babel 这类转译工具,将 ES6+ 的语法转译成浏...

    5 年前
  • npm包@gabehayes/babel-preset-core使用教程

    介绍 在前端开发中,Babel是一个流行的工具,它可以将 ES6 或者更新版本的 JavaScript 代码编译成向下兼容的版本。为了取得更好的性能和代码质量,很多前端开发团队都喜欢使用自定义的 Ba...

    5 年前
  • npm 包 babel-preset-proposal-typescript 使用教程

    在前端开发中,TypeScript 已经成为了一个越来越流行的编程语言。在使用 TypeScript 开发过程中,为了确保代码能够被浏览器和 Node.js 解析,我们需要将 TypeScript 的...

    5 年前
  • npm 包 @codewitchbella/scripts 使用教程

    如果你是一位前端开发者,那么你一定要了解 npm(Node Package Manager)。npm 是一个由 Node.js 提供的包管理工具,可以用来安装和管理 JavaScript 模块。

    5 年前
  • npm 包 @citycide/babel-standalone 使用教程

    在前端开发中,我们经常需要将 ES6+ 的语法转换成 ES5 以兼容更多的浏览器。而 Babel 就是实现这一任务的工具之一。但是,有些时候我们并不想要在项目中安装、配置 Babel,这时就可以使用 ...

    5 年前
  • npm 包 @asaayers/dead-code-scanner 使用教程

    背景 在编写前端代码时,有很多不必要的代码,这些代码对页面性能影响很大,特别是在大型项目中。为了解决这个问题,我们可以使用 @asaayers/dead-code-scanner npm 包来扫描前端...

    5 年前
  • npm 包 @cequens/babel-preset-react-app 使用教程

    简介 @cequens/babel-preset-react-app 是一个用于 React 应用的 Babel 预设,它提供了一组适用于 React 应用的 Babel 插件和预设。

    5 年前
  • npm 包 @babel/preset-modules 使用教程

    前言 随着浏览器的发展,前端技术和工具栈也日新月异。在这背后,其实是很多好用的 npm 包正在被开发和更新。其中一个非常实用的 npm 包就是 @babel/preset-modules。

    5 年前
  • npm 包 @babel/helper-create-regexp-features-plugin 的使用教程

    前言 @babel/helper-create-regexp-features-plugin,顾名思义是 babel 中的一个 helper 包,主要用于创建正则表达式特性的插件。

    5 年前
  • npm 包 @airbnb/config-babel 使用教程

    在前端开发中,Babel 是一个广泛使用的工具,用于将 ES6+ 代码转换为向后兼容的版本以供浏览器运行。@airbnb/config-babel 是一个 Babel 配置的 npm 包,可以帮助我们...

    5 年前
  • npm 包 @aimake/babel-preset-react 使用教程

    前言 随着 React 技术的发展,越来越多的前端工程师开始使用 React 开发 Web 应用程序。其中,Babel 是一个用于将 ES6+ 代码转换为向后兼容的 JavaScript 语法的工具。

    5 年前
  • npm 包 @agrublev/build-tool-config 使用教程

    简介 在前端开发中,构建工具是必不可少的一部分。构建工具的配置往往有一定的复杂性,而 @agrublev/build-tool-config 这个 npm 包对于构建工具的配置非常友好和可维护。

    5 年前
  • npm 包 @babel/plugin-syntax-optional-catch-binding 使用教程

    在前端开发中,我们常常需要使用到 Babel 工具,它可以将新的 JavaScript 语法转化为 ES5 语法,使得我们可以在各种浏览器环境和 Node.js 环境下兼容最新的 JavaScript...

    5 年前
  • npm 包 babel-preset-andari 使用教程

    在前端开发中,使用 ECMAScript6 (ES6) 编写代码已经逐渐成为主流,它为 JavaScript 带来了许多新的功能和语法。然而,并不是所有浏览器都支持 ES6,因此在开发过程中我们需要编...

    5 年前
  • npm 包 @doctrine/babel-preset-shared 使用教程

    欢迎使用 @doctrine/babel-preset-shared,这是一个用于 Babel 转换的 npm 包。本文章将会介绍如何使用这个包以及它的深度和指导意义。

    5 年前
  • npm 包 @rtsao/babel-preset-env 使用教程

    介绍 npm 包 @rtsao/babel-preset-env 是一个基于 Babel 的预设插件,主要用于编译 ES6+ 语法到 ES5。该插件支持按需加载 polyfill,可以根据目标浏览器的...

    5 年前

相关推荐

    暂无文章