方式二：
1、调动方法：参数为指定文字
2、这里主要用的是SpeechSynthesisUtterance的方法
3、代码示例：

在这里插入代码片



	


	点击

二、在vue项目中实现文字转换为语音播放

1、调用方法：参数为指定的文字
2、主要使用的也是是SpeechSynthesisUtterance的方法（其他方法也可以，如使用百度的接口）
3、代码示例：

在这里插入代码片
 

在这里插入代码片
 methods: {
 read: function(word) {
 const synth = window.speechSynthesis;
 const msg = new SpeechSynthesisUtterance();
 msg.text = word;
 msg.lang = "zh-CN";
 function handleSpeak(e) {
 synth.speak(msg);
 }
 function throttle(fn, delay) {
 let last = 0;
 return function() {
 const now = new Date();
 if (now - last > delay) {
 fn.apply(this, arguments);
 last = now;
 }
 };
 }
 console.log(msg);

 throttle(handleSpeak(), 1000);
 },
 }

点击小喇叭即可播放

总结

到此这篇关于在vue项目或网页上实现文字转换成语音的文章就介绍到这了,更多相关在vue项目或网页上实现文字转换成语音内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！