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(); } }

相关内容

热门资讯

三分钟了解!余干5十k外g挂!... 三分钟了解!余干5十k外g挂!竟然真的有辅助技巧(有挂实锤)-哔哩哔哩1、下载好余干5十k外g挂脚本...
9分钟了解!友友联盟有没有辅助... 9分钟了解!友友联盟有没有辅助!切实真的有辅助工具(有挂头条)-哔哩哔哩1、玩家可以在友友联盟有没有...
第六分钟了解!微信小程序免费黑... 第六分钟了解!微信小程序免费黑科技!切实是真的有辅助app(有挂教程)-哔哩哔哩1、进入到微信小程序...
第二分钟了解!情怀游戏辅助器!... 第二分钟了解!情怀游戏辅助器!总是真的有辅助神器(有挂细节)-哔哩哔哩1、进入游戏-大厅左侧-新手福...
2分钟了解!微乐江苏自建房辅助... 2分钟了解!微乐江苏自建房辅助app!切实有辅助脚本(有挂教学)-哔哩哔哩1、完成微乐江苏自建房辅助...
第八分钟了解!微信小游戏万能修... 第八分钟了解!微信小游戏万能修改器!竟然真的有辅助脚本(有挂助手)-哔哩哔哩1、这是跨平台的微信小游...
8分钟了解!雀友会广东潮汕麻雀... 8分钟了解!雀友会广东潮汕麻雀辅助!真是真的是有辅助攻略(有人有挂)-哔哩哔哩雀友会广东潮汕麻雀辅助...
五分钟了解!新道游app辅助器... 您好,新道游app辅助器这款游戏可以开挂的,确实是有挂的,需要了解加去威信【485275054】很多...
第六分钟了解!微信小程序多乐跑... 第六分钟了解!微信小程序多乐跑作必弊!一贯真的有辅助方法(竟然有挂)-哔哩哔哩1、下载好微信小程序多...
第八分钟了解!闲逸游戏修改器!... 第八分钟了解!闲逸游戏修改器!竟然是真的有辅助神器(了解有挂)-哔哩哔哩暗藏猫腻,小编详细说明闲逸游...