Angular2:Web语音API-语音识别 [英] Angular2: Web Speech API - Voice recognition

问题描述

阅读

After reading the documentation of webkitSpeechRecognition (voice recognition in Javascript) I tried to implement it in Angular 2.

但是当我这样做时:

const recognition = new webkitSpeechRecognition();

TypeScript说此错误:

TypeScript say this error:

[ts] Cannot find name 'webkitSpeechRecognition'. any

如果我尝试从窗口中提取 webkitSpeechRecognition :

if ('webkitSpeechRecognition' in window) {

    console.log("Enters inside the condition"); // => It's printing

    const { webkitSpeechRecognition } = window; // => TypeScript Error
    const recognition = new webkitSpeechRecognition();
}

如果我在打印console.log的最后两行中添加注释，则输入条件！ webkitSpeechRecognition存在于窗口内！！但是，如果不注释最后两行，那么TypeScript错误现在是这样的:

If I comment the last two lines the console.log is printed, enters to the condition! webkitSpeechRecognition exists inside window!! But if not comment the last two lines the TypeScript error now is this:

[ts] Type 'Window' has no property 'webkitSpeechRecognition' and no string index signature.
const webkitSpeechRecognition: any

如何在Angular 2中创建新的识别?有人尝试过吗?

How can I create a new recognition in Angular 2? Has anybody tried it?

推荐答案

最后我解决了创建界面！

export interface IWindow extends Window {
  webkitSpeechRecognition: any;
}

并且:

const {webkitSpeechRecognition} : IWindow = <IWindow>window;
const recognition = new webkitSpeechRecognition();

这篇关于Angular2:Web语音API-语音识别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！