vue提示音_vue 语音播报

语音播报

export default {

data() {

return {

synth: {},

msg: null,

val: ''

};

},

mounted() {

this.synth = window.speechSynthesis;

this.msg = new SpeechSynthesisUtterance();

},

methods: {

playVoice() {

this.handleSpeak(this.val) // 传入需要播放的文字

},

// 语音播报的函数

handleSpeak(text) {

this.msg.text = text; // 文字内容

this.msg.lang = "zh-CN"; // 使用的语言:中文

this.msg.volume = 1; // 声音音量：1

this.msg.rate = 1; // 语速：1

this.msg.pitch = 1; // 音高：1

this.synth.speak(this.msg); // 播放

},

// 语音停止

handleStop(e) {

this.msg.text = e;

this.msg.lang = "zh-CN";

this.synth.cancel(this.msg);

}

}

};