Vue.js webkitSpeechRecognition integration

Question

Ich muss webkitSpeechRecognition mit meinem Vue.js-Projekt (für Chrome) verbinden.

Ich versuche, Code in der Komponente

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

<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> 

dieser Code einzufügen, aber ich habe Fehler "webkitSpeechRecognition ist nicht definiert"

Answer 1

ich es mit dieser Linie gelöst:

var recognition = new window.webkitSpeechRecognition