Vue实现语音播报

  1. 安装speak-tts插件
npm install speak-tts
  1. 在页面中引入
import Speech from 'speak-tts'
  1. 初始化对象
data() {
    return {
      speech: null,
    }
  },

  mounted() {
    this.speechInit();
  },

methods: {
    speechInit() {
      this.speech = new Speech();
      this.speech.setLanguage("zh-CN");
      this.speech.init().then(() => {});
    },
}
  1. 调用
methods: {
    // 执行播报
    handleSpeech() {
      this.speech.speak({ text: "您有新订单,请注意查看" }).then(() => {
            console.log("播报成功");
          });
    },
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容