Vue.js webkitSpeechRecognition integration

Question

Мне нужно подключить webkitSpeechRecognition к моему проекту Vue.js (для Chrome).

Я пытаюсь вставить код в компонент

<template> 
     <div class="voice"> 
     <h1>{{ msg }}</h1> 
     <button v-on:click="greet">Speak</button> 
     </template> 

     <script> 
     export default { 
     name: 'voice', 
     data() { 
      return { 
      msg: 'Speak', 
      } 
     }, 
     methods: { 
      greet: function (event) { 

      } 
     } 
     } 
     </script> 

этот код

var recognition = new (SpeechRecognition || webkitSpeechRecognition || mozSpeechRecognition || msSpeechRecognition)(); 
recognition.lang = 'en-US'; 
recognition.interimResults = false; 
recognition.maxAlternatives = 5; 
recognition.start(); 

recognition.onresult = function(event) { 
    console.log('You said: ', event.results[0][0].transcript); 
}; 

, но у меня есть ошибка "webkitSpeechRecognition не определен"

Answer 1

я решил его с этой линии:

var recognition = new window.webkitSpeechRecognition