便利贴--1{js文字转语音}

实现方法 ——html5自带方法

//创建转为语音对象并赋值
//我是在vueX里用的  
state.audioData = new window.SpeechSynthesisUtterance();
      state.audioData.text = val;
      state.audioData.onstart = function (e) {
        state.audioState = true;
      };
      state.audioData.onend = function (event) {
        state.audioState = false;
      };

if (state.audioState) {
        window.speechSynthesis.cancel();//关闭方法
        state.audioState = false;
      } else {
        if (val != "notOpen") {
          window.speechSynthesis.speak(state.audioData);//启动方法
        }
      }

关于为什么分两部分写，是因为如果创建对象后，
直接调用window.speechSynthesis.speak(state.audioData);会造成onstart 和onend 的回调不起作用
所以，把启动和创建分为两部分，不同事件来调用，就可正常回调！
别个地方是用button按钮事件来启动，但也是分开两部分， ，，可能是异步问题，如果有知道为啥的，可以评论告知，感谢！