<template>
<div>
<textarea v-model="text" placeholder="输入文本"></textarea>
<button @click="speak">播报</button>
</div>
</template>
<script>
export default {
data() {
return {
text: '',
};
},
methods: {
speak() {
if ('speechSynthesis' in window) {
const utterance = new SpeechSynthesisUtterance(this.text);
window.speechSynthesis.speak(utterance);
} else {
alert('您的浏览器不支持语音合成');
}
},
},
};
</script>
