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、起透看视 智星菠萝可以辅...
透视系统!wepoker透视脚... 透视系统!wepoker透视脚本免费下载pc(透视)果然是真的有挂(详细辅助2025版教程);1、完...
透视有挂!约局吧能不能开挂(透... 透视有挂!约局吧能不能开挂(透视)竟然真的是有挂(详细辅助可靠教程);1、点击下载安装,插件透视分类...
透视辅助!佛手大菠萝辅助(透视... 透视辅助!佛手大菠萝辅助(透视)一贯有挂(详细辅助AI教程)所有人都在同一条线上,像星星一样排成一排...
透视规律!如何下载德普之星辅助... 透视规律!如何下载德普之星辅助软件(透视)确实是真的有挂(详细辅助AA德州教程);1、机器人多个强度...
透视代打!wepoker智能辅... 透视代打!wepoker智能辅助插件(透视)其实存在有挂(详细辅助介绍教程)一、AI软件牌型概率发牌...
透视攻略!wpk透视辅助下载(... 透视攻略!wpk透视辅助下载(透视)一贯真的是有挂(详细辅助存在挂教程);1、该软件可以轻松地帮助玩...
透视规律!wepoker私人局... 透视规律!wepoker私人局透视(透视)都是是有挂(详细辅助必胜教程);辅助器中分为三种模型:软件...
透视ai代打!佛手大菠萝13道... 透视ai代打!佛手大菠萝13道挂哪里(透视)切实存在有挂(详细辅助技巧教程)1、完成透视辅助安装,帮...
透视苹果版!约局吧怎么看有没有... 透视苹果版!约局吧怎么看有没有挂(透视)一贯是真的有挂(详细辅助透明教程)1、全新机制【软件透明挂】...