首先:

调动方法:参数为指定文字:

        //语音播报yybbFun(data){this.commonjs.handleSpeak(data);},

公共方法地址:

https://mp.csdn.net/postedit/94406138

方法指南:

1、

2、

这里主要用的是SpeechSynthesisUtterance的方法

----------------------------------------------------------------------------js方法

<!DOCTYPE html>
<html>
<head><title></title>
</head>
<body><button id="abc">点击</button><button id="stop">Stop!</button><button id="speak">Speak</button>
</body>
</html>
<script type="text/javascript">// window.onload=function(){//     const synth = window.speechSynthesis//     let msg = new SpeechSynthesisUtterance("你好");//       console.log(msg)//      //msg.rate = 4 播放语速//      //msg.pitch = 10 音调高低//      //msg.text = "播放文本"//      //msg.volume = 0.5 播放音量//       synth.speak(msg);// }const synth = window.speechSynthesisconst msg = new SpeechSynthesisUtterance()const speakButton = document.getElementById('speak')const stopButton = document.getElementById('stop')speakButton.addEventListener('click',throttle(handleSpeak,1000))stopButton.addEventListener('click',handleStop)msg.text = '跟我走吧,天亮就出发'msg.lang = 'zh-CN'function handleSpeak(e) {synth.speak(msg)}function handleStop(e) {synth.cancel(msg)}function throttle(fn,delay) {let last = 0return function() {const now = new Date()if(now - last > delay) {fn.apply(this,arguments)last = now}}}document.getElementById('abc').onclick=throttle(handleSpeak,1000);
</script>

vue+文字转换为语音播放,播放指定内容,附带js版本 ,SpeechSynthesisUtterance相关推荐

  1. Unity 调用C# Speech类将文字转换为语音

    Unity 调用C#类将文字转换为语音 做语音功能的时候有些人是调用事先录制好的音频来进行播放,但是这样很不方便,而且即使是动态加载也会使压缩包体积变大,所以下面就给大家介绍另外一个方法,只需要一个调 ...

  2. 如何把文本文字转换为语音

    现在很多的人在到达较高的年纪后,眼镜就开始有点老花了.每天长时间阅读报纸.书籍就会导致眼镜十分的疲惫,甚至连手机上的文字看起来都变得模糊.另外还有很多视力不好的小伙伴,在长期用眼后也会感觉到眩晕.疲劳 ...

  3. python学习之文字转换为语音读出来

    在python中,如何将文字转换为语音读出来呢? 简单介绍两种方法:个人推荐第二种. 第一种是pyttsx: Pyttsx是一个跨平台将文字转成语音的第三方库,它对操作系统内置的语音引擎实现了包装. ...

  4. 是否有将文字转换为语音的应用?

    仅仅将文字转换为语音的应用还不行,生成的音质必须还要清晰.不破音,听起来像真人一样.给大家分享三款超实用配音工具,每一款好用到爆炸. 1.Amazon Polly 经常使用亚马逊购物的用户对这款软件非 ...

  5. VUE 文字转语音播放的实现示例(亲测好用)

    三.vue项目案例 <template><button @click="playVoice">播放语音</button> </templa ...

  6. 文字转语音+html5,JS实现文字转语音并播放

    html: div> audio> div> js: function doTTS() { var ttsDiv = document.getElementById('bdtts_d ...

  7. 微信小程序文字转语音并播放

    深知像我这种小白对不懂得绝望,希望可以帮助到别人,本文步骤较为详细 在微信小程序中,识别语音转文字或者文字转语音,可以使用官方自带的插件:微信同声传译插件 使用方法: 第一步:首先登录微信公众平台,找 ...

  8. 树莓派文字转语音 python_会说话的树莓派,将文字转换为语音

    树莓派带了个音频输出接口,可外接小音箱.要是能实现文本到语音转换(text2speech)的话. 它的可玩性大大的提高了,比如 起床的时候语音播报天气.朗读电子邮件-更多的发挥你的想象力吧 这里介绍两 ...

  9. 使用python将文字转换为语音朗读

    1. 使用 win32com import win32com.clientspeaker = win32com.client.Dispatch("SAPI.SpVoice") sp ...

最新文章

  1. %matplotlib inline是jupyter notebook里的命令, 意思是将那些用matplotlib绘制的图显示在页面里而不是弹出一个窗口
  2. mysql localhost和127.0.0.1的区别
  3. WINDOWS下的各类HOOK
  4. 每日一皮:测试的时候一切ok,真正上线的时候……
  5. 【推荐系统】基于用户的协同过滤算法
  6. chrome扩展之4(终结篇):一步步跟我学开发一个表单填写扩展
  7. web端项目管理/工程项目劳务资源管理系统/考勤审批/人员招聘/企业管理系统/工资管理/入职管理/组织结构/财务管理/大数据指挥中心/劳务系统/岗位工种/智慧工程监管/劳务app原型/axure原型
  8. Better And Better for Mac(Mac手势神器BAB)中文版
  9. 【微信页面】移动端微信页面禁止字体放大
  10. 怎么才能够坚持做一件事并且把它做好?
  11. c语言 滑窗法_滑窗平均的另一种实现方式
  12. openGL学习笔记七: glad库及使用
  13. Python批量爬取堆糖网图片
  14. 泰勒级数(Taylor Series)和利用python计算自然常数
  15. mvn skip test
  16. 全球首个大规模虐童图像数据库!标记15万图像、20类信息,自动判断图片是否违法​...
  17. 李建忠设计模式——桥模式
  18. 物联无线自动窗帘:窗帘收放更自如-智能家居
  19. 《惢客创业日记》2021.04.24-30(周六)惢客拾金演示词
  20. 高内聚低耦合是什么意思?

热门文章

  1. 成功男人必须拥有的三样老东西
  2. 美图秀秀上传图片案例1
  3. 关于陶瓷电容ESR的问题
  4. 如何修改HOST文件 映射
  5. 数据库:一张表update另外一张表实践
  6. 达梦数据库tpcc测试
  7. MySQL、Postgresql、Oracle常用SQL语句(主要演示下DDL的区别)
  8. 35m预应力简支梁桥毕业设计 课程设计-桥梁工程(计算书、8张CAD图)
  9. go 打包到不同平台windows linux运行程序 压缩程序体积
  10. java初学者的装备(软件、学习路线、资源)