Как добавить действие TextToSpeech.talk ("hi") к кнопке - PullRequest
Новая
       26

Как добавить действие TextToSpeech.talk ("hi") к кнопке

0 голосов
/ 10 декабря 2018

Как добавить TextToSpeech.talk («привет»);когда кнопка выбрана / нажата. 

TextToSpeech.talk("Hello Beautiful World!");

Когда пользователь нажимает на кнопку, должен генерироваться голос

TTS Github https://github.com/IonicaBizau/text-to-speech-js

enter image description here

import Vue from 'vue'
import App from './App.vue'
import BootstrapVue from 'bootstrap-vue'
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)

Vue.config.productionTip = 

new Vue({
  render: h => h(App)
}).$mount('#app')
<template>
  <div id="app">
    <div>
      <b-button-group vertical>
        <button v-on:click="say('hi')">Say hi</button>
        <button v-on:click="say('what')">Say what</button>
      </b-button-group>
    </div>

  </div>
</template>

<script>
  export default {
    data() {
      return {

      }
    }
  }
</script>

<style>

</style>

1 Ответ

0 голосов
/ 11 декабря 2018

Ваш обработчик click настроен на вызов локального метода с именем say, который принимает строковый аргумент (для произнесения речи).Вам просто нужно определить этот метод в вашем компоненте для вызова TextToSpeech.talk() с этим строковым аргументом: 

export default {
  // ...
  methods: {
    say(msg) {
      TextToSpeech.talk(msg);
    }
  }
}

Однако вы заметите, что бэкэнд TextToSpeech выглядит так:быть сломанным, как сообщается в IonicaBizau/text-to-speech-js Issue # 10 .

демонстрация сломанной библиотеки

...