简介
@ngxvoice/ngx-voicelistner 是一个 Angular 的 npm 包，它提供了语音识别服务，可以将语音转换为文字，并通过事件机制与 Angular 应用程序实现交互。使用本文所述的方法，您可以轻松地将其引入您自己的应用程序中，并快速集成语音识别服务。
安装
要使用 @ngxvoice/ngx-voicelistner，您需要确保您的应用程序中已安装 Node.js 和 NPM 包管理器。如果您没有安装它们，请前往 https://nodejs.org/ 下载并安装它们。
在安装 Node.js 和 NPM 后，您可以打开终端并运行以下命令来安装 @ngxvoice/ngx-voicelistner：
npm install @ngxvoice/ngx-voicelistner --save
使用
在安装 @ngxvoice/ngx-voicelistner 后，您需要在您的 Angular 应用程序中进行导入。首先，您需要在 app.module.ts 文件中添加以下导入语句：
import { NgModule } from '@angular/core';
import { VoiceListenerModule } from '@ngxvoice/ngx-voicelistener';
@NgModule({
imports: [ VoiceListenerModule ],
})
export class AppModule { }在上面的代码中，我们将 VoiceListenerModule 导入到 app.module.ts 中，以便在应用程序中启用语音识别服务。
现在，我们已经启用了语音识别服务，下一步是调用其 API 来实现交互。以下是一个示例组件，我们将它添加到 app.component.ts 中，来完成语音识别功能：
-- -------------------- ---- -------
------ - --------- - ---- ----------------
------ - -------------------- - ---- ------------------------------
------------
--------- -----------
--------- -
------- ------------------------- ---- -- ----- ------------------
------------- -------------------
-------------- -- ---------- ------
---------------
--
--
------ ----- ------------ -
------------ -------
------------------- --------------------- --------------------- - -
--------- -
----------------------------------------------------------------- ------- -- -
--------------- - ----------- -- -------------
---
-
-在上面的代码中，我们将 VoiceListenerService 导入到 app.component.ts 中。当按钮被点击时，我们调用 startListening() 方法。该方法会返回一个 Observable 对象，它会在语音转换为文本后发出一个结果。当我们收到结果时，在回调函数中将转换后的文字输出到模板中。
最后，您需要添加以下代码到 index.html 文件中，使所需的语音识别 API 可以得到加载：
<script src="//cdn.jsdelivr.net/annyang/2.6.1/annyang.min.js"></script>
现在，您已经成功集成了 @ngxvoice/ngx-voicelistner 库，并且可以从您的 Angular 应用程序中使用语音识别服务。
结论
在本教程中，我们提供了详细的操作指南，以使用 @ngxvoice/ngx-voicelistner 库实现语音识别服务。该库是一种非常有用的前端技术，可以与 Angular 应用程序完美集成，为用户带来便利。我们希望这篇文章对您学习和实践语音识别服务有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/115125