通过js实现文字合成语音并播报

使用Html5自带API实现，SpeechSynthesisUtterance对象和speechSynthesis对象。

 /*** 播报* @param {Object} text 播放内容*/startSpeech = (text)=>{const speech = new SpeechSynthesisUtterance()// 设置播放内容speech.text = text// 设置话语的音调(0-2 默认1，值越大越尖锐,越低越低沉)speech.pitch = 0.8 // 设置说话的速度(0.1-10 默认1，值越大语速越快,越小语速越慢)speech.rate = 1 // 设置说话的音量speech.volume = 10 // 设置播放语言speech.lang = 'zh-CN' // 播放结束后调用speech.onend = (event)=>{}// 加入播放队列window.speechSynthesis.speak(speech)}/*** 停止播报，停止所有播报队列里面的语音*/stopSpeech = () => {window.speechSynthesis.cancel()}

可能存在问题：
使用SpeechSynthesisUtterance进行语音播报文字的时候，发现刷新浏览器不能播放声音的问题
原因：浏览器对于语音，视频等会有限制，不能允许直接播放，必须进行至少一次点击事件
解决方案：随意点击页面上的内容，重新触发

通过js实现文字合成语音并播报相关推荐

文字转语音+html5,JS实现文字转语音并播放
html: div> audio> div> js: function doTTS() { var ttsDiv = document.getElementById('bdtts_d ...
原生js实现文字转语音功能
SpeechSynthesisUtterance基本属性 SpeechSynthesisUtterance.lang //获取并设置话语的语言 SpeechSynthesisUtterance.pit ...
小程序语音之文字合成语音
步骤: 1.获取百度语音token 2.将文字合成语音,获取url 3.播放url 一.获取token getBaiDuYuYinAccessToken(body) {return doRequest ...
背书神器，手机语音播报，蓝牙遥控器，文字合成语音，语音检索
手机APP播音软件,后台按类别录入文章: APP可以左右切换目录,上下切换文章: 暂停.继续播放: 麦克风语音输入检索文章! 可以把整本书装进APP. 所有的APP操作可通过蓝牙遥控器完成,再配 ...
html+js文字合成语音代码支持在线试听播放和转换成mp3格式下载到本地单文件便携版在线AI文字转换音频速度超快
<!doctype html><html lang="en"><head><meta charset="UTF-8"& ...
js/java文字转语音免费（仅仅支持window）支持离线使用
直接上html页面就能用 <!DOCTYPE html> <html lang="en"> <head><meta charset=&qu ...
【虚幻引擎】UE4/UE5科大讯飞文字合成语音
一.链接地址链接:https://pan.baidu.com/s/15Qoc48x3DLpw4eW1qHXInQ 提取码:jqpx B站视频链接:https://space.bilibili.c ...
Java实现在windows系统下文字转语音并播报
一.准备工作 1.因为调用的是windows64的自带的语音系统,所以我们需要下载语音驱动,一个以dll结尾的文件, 文件放到网盘里了链接:https://pan.baidu.com/s/1KCNS ...
在Vue中将文字以语音进行播报
<script> const synth = window.speechSynthesis; const msg = new SpeechSynthesisUtterance();.... ...
python3 文字合成语音MP3
1.首先安装库文件:pip install pyttsx3 -i https://mirrors.aliyun.com/pypi/simple/ 2.直接上代码: import pyttsx3 eng ...

通过js实现文字合成语音并播报

通过js实现文字合成语音并播报相关推荐

最新文章

热门文章