vue+文字转换为语音播放,播放指定内容,附带js版本 ,SpeechSynthesisUtterance
首先:
调动方法:参数为指定文字:
//语音播报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相关推荐
- Unity 调用C# Speech类将文字转换为语音
Unity 调用C#类将文字转换为语音 做语音功能的时候有些人是调用事先录制好的音频来进行播放,但是这样很不方便,而且即使是动态加载也会使压缩包体积变大,所以下面就给大家介绍另外一个方法,只需要一个调 ...
- 如何把文本文字转换为语音
现在很多的人在到达较高的年纪后,眼镜就开始有点老花了.每天长时间阅读报纸.书籍就会导致眼镜十分的疲惫,甚至连手机上的文字看起来都变得模糊.另外还有很多视力不好的小伙伴,在长期用眼后也会感觉到眩晕.疲劳 ...
- python学习之文字转换为语音读出来
在python中,如何将文字转换为语音读出来呢? 简单介绍两种方法:个人推荐第二种. 第一种是pyttsx: Pyttsx是一个跨平台将文字转成语音的第三方库,它对操作系统内置的语音引擎实现了包装. ...
- 是否有将文字转换为语音的应用?
仅仅将文字转换为语音的应用还不行,生成的音质必须还要清晰.不破音,听起来像真人一样.给大家分享三款超实用配音工具,每一款好用到爆炸. 1.Amazon Polly 经常使用亚马逊购物的用户对这款软件非 ...
- VUE 文字转语音播放的实现示例(亲测好用)
三.vue项目案例 <template><button @click="playVoice">播放语音</button> </templa ...
- 文字转语音+html5,JS实现文字转语音并播放
html: div> audio> div> js: function doTTS() { var ttsDiv = document.getElementById('bdtts_d ...
- 微信小程序文字转语音并播放
深知像我这种小白对不懂得绝望,希望可以帮助到别人,本文步骤较为详细 在微信小程序中,识别语音转文字或者文字转语音,可以使用官方自带的插件:微信同声传译插件 使用方法: 第一步:首先登录微信公众平台,找 ...
- 树莓派文字转语音 python_会说话的树莓派,将文字转换为语音
树莓派带了个音频输出接口,可外接小音箱.要是能实现文本到语音转换(text2speech)的话. 它的可玩性大大的提高了,比如 起床的时候语音播报天气.朗读电子邮件-更多的发挥你的想象力吧 这里介绍两 ...
- 使用python将文字转换为语音朗读
1. 使用 win32com import win32com.clientspeaker = win32com.client.Dispatch("SAPI.SpVoice") sp ...
最新文章
- %matplotlib inline是jupyter notebook里的命令, 意思是将那些用matplotlib绘制的图显示在页面里而不是弹出一个窗口
- mysql localhost和127.0.0.1的区别
- WINDOWS下的各类HOOK
- 每日一皮:测试的时候一切ok,真正上线的时候……
- 【推荐系统】基于用户的协同过滤算法
- chrome扩展之4(终结篇):一步步跟我学开发一个表单填写扩展
- web端项目管理/工程项目劳务资源管理系统/考勤审批/人员招聘/企业管理系统/工资管理/入职管理/组织结构/财务管理/大数据指挥中心/劳务系统/岗位工种/智慧工程监管/劳务app原型/axure原型
- Better And Better for Mac(Mac手势神器BAB)中文版
- 【微信页面】移动端微信页面禁止字体放大
- 怎么才能够坚持做一件事并且把它做好?
- c语言 滑窗法_滑窗平均的另一种实现方式
- openGL学习笔记七: glad库及使用
- Python批量爬取堆糖网图片
- 泰勒级数(Taylor Series)和利用python计算自然常数
- mvn skip test
- 全球首个大规模虐童图像数据库!标记15万图像、20类信息,自动判断图片是否违法​...
- 李建忠设计模式——桥模式
- 物联无线自动窗帘:窗帘收放更自如-智能家居
- 《惢客创业日记》2021.04.24-30(周六)惢客拾金演示词
- 高内聚低耦合是什么意思?