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

相关内容

热门资讯

2026版复盘!随意玩辅助器透... 2026版复盘!随意玩辅助器透视开挂!总是是真的有开挂辅助器(有挂技术)-哔哩哔哩1、任何随意玩辅助...
2026版软件!pokerwo... 2026版软件!pokerworld修改器!都是确实有开挂辅助软件(有挂教学)-哔哩哔哩2026版软...
第三方辅助挂!德友汇辅助!原来... 第三方辅助挂!德友汇辅助!原来真的是有开挂辅助app(揭秘有挂)-哔哩哔哩运德友汇辅助辅助工具,进入...
总结辅助挂!阿拉游戏中心怎么赢... 总结辅助挂!阿拉游戏中心怎么赢!都是是有开挂辅助脚本(有挂实锤)-哔哩哔哩1、完成阿拉游戏中心怎么赢...
最新消息!浙江游戏大厅模拟器!... 最新消息!浙江游戏大厅模拟器!果然确实有开挂辅助app(有挂工具)-哔哩哔哩1)浙江游戏大厅模拟器辅...
一直以来!四川途游辅助软件!确... 一直以来!四川途游辅助软件!确实是有开挂辅助挂(有挂透明挂)-哔哩哔哩一、四川途游辅助软件游戏安装教...
更值得关注的是!友友联盟辅助器... 更值得关注的是!友友联盟辅助器!一直真的有开挂辅助器(揭秘有挂)-哔哩哔哩1、每一步都需要思考,不同...
据了解!武汉约战辅助!本来是有... 据了解!武汉约战辅助!本来是有开挂辅助工具(真是有挂)-哔哩哔哩小薇(辅助器软件下载)致您一封信;亲...
2026版攻略!小程序微乐贵阳... 2026版攻略!小程序微乐贵阳捉鸡麻将挂!果然真的有开挂辅助挂(有挂猫腻)-哔哩哔哩小程序微乐贵阳捉...
据报道!掌电竞技辅助器!一贯是... 据报道!掌电竞技辅助器!一贯是有开挂辅助攻略(有挂总结)-哔哩哔哩该软件可以轻松地帮助玩家将掌电竞技...