Angular语音识别功能被多次调用。
创始人
2024-10-30 19:00:35
0

可以通过使用rxjs库中的debounceTime操作符来解决这个问题。该操作符将一个可观察序列的发射值推迟一段时间,只发出最后一个值。

例子:

import { Component, OnInit, OnDestroy } from '@angular/core'; import { Observable, Subscription } from 'rxjs/Rx';

@Component({ selector: 'app-my-component', templateUrl: 'my.component.html' }) export class MyComponent implements OnInit, OnDestroy { speechSubscription: Subscription;

ngOnInit() { // 创建可观察序列 const speechObservable = Observable.fromEvent(document, 'speechresult') .map((event: any) => { return event.results[0][0].transcript.trim(); });

// debounceTime操作符延迟时间设置为500毫秒
this.speechSubscription = speechObservable.debounceTime(500)
  .subscribe((text: string) => {
    console.log('识别的文本:', text);
    // 处理识别的文本
  });

}

ngOnDestroy() { this.speechSubscription.unsubscribe(); } }

相关内容

热门资讯

重磅来袭!河洛杠次脚本开发,科... 重磅来袭!河洛杠次脚本开发,科乐填大坑作弊视频(详细辅助科技教程)(1)重磅来袭!河洛杠次脚本开发,...
推荐一款!阿当比鸡有什么技巧吗... 推荐一款!阿当比鸡有什么技巧吗,河洛杠次脚本开发(详细辅助德州论坛)是一款可以让一直输的玩家,快速成...
总算清楚!潮汕掌上娱第三方辅助... 总算清楚!潮汕掌上娱第三方辅助器,白金岛辅助有用吗(详细辅助教你攻略)是一款可以让一直输的玩家,快速...
重大通报!阿拉游戏中心辅助器,... 重大通报!阿拉游戏中心辅助器,欢乐达人暗宝怎么获得(详细辅助透明挂教程)1)欢乐达人暗宝怎么获得辅助...
今日重大通报!微信小程序财神辅... 今日重大通报!微信小程序财神辅助器,福建大玩家辅助工具(详细辅助细节方法)1、这是跨平台的微信小程序...
总算了解!衢州都莱罗松怎么老是... 您好,微信小程序多乐辅助器下载这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很...
玩家必备教程!微信开心是按照辅... 玩家必备教程!微信开心是按照辅助脚本,对战互娱怎么开辅助(详细辅助新2025教程)1、在微信开心是按...
教程辅助!白金岛手游作弊码,广... 教程辅助!白金岛手游作弊码,广东闲来辅助工具(详细辅助扑克教程)1、构建自己的微扑克辅助插件;2、选...
一分钟揭秘!新518互游插件,... 一分钟揭秘!新518互游插件,衢州都莱罗松怎么才能赢(详细辅助必备教程)1、不需要AI权限,帮助你快...
我来教教你!浙江宝宝游戏万能辅... 我来教教你!浙江宝宝游戏万能辅助器,河洛缸次辅助器(详细辅助教你攻略)是一款可以让一直输的玩家,快速...