National Public Mania

    vue-webapi-speech-recognition

    1.0.1 • Public • Published

    vue-webapi-speech-recognition

    Microphone icon as a single component (black as default and red when it's recording) to interact with the Web Speech Recognition Api.

    Install Vue

    npm install vue-webapi-speech-recognition
    import Vue from 'vue'
    import App from './App.vue'
    
    import SpeechRecognition from 'vue-webapi-speech-recognition'
    
    Vue.use(SpeechRecognition)
    
    new Vue({ render: h => h(App) }).$mount('#app')

    Usage

    <template>
      <SpeechRecognition lang="en-EN" :white="false" @end="speechEnd" class="icon"/>
    </template>
    
    <script>
    export default {
      methods: {
        speechEnd({transcriptions}) {
          console.log(transcriptions)
        }
      }
    }
    </script>
    
    <style scoped>
     .icon {
       width: 64px;
       height: 64px;
     }
    </style>

    Install

    npm i vue-webapi-speech-recognition

    DownloadsWeekly Downloads

    7

    Version

    1.0.1

    License

    none

    Unpacked Size

    43.2 kB

    Total Files

    6

    Last publish

    Collaborators

    • pedroalvespt7