<template> <button @click="playVoice">播放语音</button> </template> <script> const synth = window.speechSynthesis; const msg = new SpeechSynthesisUtterance(); export default { data() { return {}; }, mounted(){ this.handleSpeak('') }, methods: { playVoice() { this.handleSpeak('') // 传入需要播放的文字 }, // 语音播报的函数 handleSpeak(text) { msg.text = text; // 文字内容: 这么多年来,你努力了吗 msg.lang = "zh-CN"; // 使用的语言:中文 msg.volume = 1; // 声音音量:1 msg.rate = 1; // 语速:1 msg.pitch = 1; // 音高:1 synth.speak(msg); // 播放 }, // 语音停止 handleStop(e) { msg.text = e; msg.lang = "zh-CN"; synth.cancel(msg); } } }; </script>
标签:text,handleSpeak,语音,synth,msg,播放 From: https://www.cnblogs.com/PittZhang/p/17902080.html