JS实现文字转语音播放

2024-05-25 01:17| 来源: 网络整理| 查看: 265

JS实现文字转语音播放背景实现方式第一种：百度文字转语音开放API第二种：微软TTS语音引擎第三种：SpeechSynthesisUtterance总结背景在做项目的过程中，经常会遇到场景是客户要求播放语音的场景，所以将JS实现文字转语音播放的各种实现方式做统一整理。

实现方式第一种：百度文字转语音开放API注意：本方式一定要有外网，可以访问百度，不然无法远程调用百度接口。

接口：http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&spd=2&text=你要转换的文字lan=zh：语言是中文，如果改为lan=en，则语言是英文。ie=UTF-8：文字格式。spd=2：语速，可以是1-9的数字，数字越大，语速越快。text=**：这个就是你要转换的文字。JS示例：

function test(test){ var url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&text='" +encodeURI(test); var n = new Audio(url); n.play; }

第二种：微软TTS语音引擎注意：本方式仅支持IE浏览器，需要调用IE内置ActiveX控件

安装方式：a. 下载、并安装插件：微软TTS5.1语音引擎(中文)b. 设置：安装好后，打开IE浏览器的Internet选项的安全中，点开自定义级别，打开各个站点，将“ActiveX控件和插件”下的所有栏目设为启用。属性：voiceObj.Rate：设置说话语速语音朗读速度，取值范围为-10到+10。数值越大，速度越快voiceObj.Volume：设置说话音量取值范围为0到100。数值越大，音量越大。方法：voiceObj.Speak：朗读，将文本信息转换为语音并按照指定的参数进行朗读，该方法有Text和Flags两个参数，分别指定要朗读的文本和朗读方式(同步或异步等)。voiceObj.GetVoices：获取系统中的语音，用于指定SpVoice的Voice属性。voiceObj.Pause：暂停朗读，可暂停使用该对象的所有朗读进程。该方法没有参数。voiceObj.Resume：恢复朗读，可恢复该对象所对应的被暂停的朗读进程。该方法没有参数。voiceObj.Speak("", 2): 停止朗读,第一个参数设为空，第二个参数设为2JS示例

var wordTemp = ""播放内容; var obj = new ActiveXObject("Sapi.SpVoice"); obj.Speak(wordTemp );

第三种：SpeechSynthesisUtteranceSpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等，不支持IE浏览器。

属性SpeechSynthesisUtterance.lang 获取并设置话语的语言SpeechSynthesisUtterance.pitch 获取并设置话语的音调(值越大越尖锐,越低越低沉)SpeechSynthesisUtterance.rate 获取并设置说话的速度(值越大语速越快,越小语速越慢)SpeechSynthesisUtterance.text 获取并设置说话时的文本SpeechSynthesisUtterance.voice 获取并设置说话的声音SpeechSynthesisUtterance.volume 获取并设置说话的音量方法speak() 将对应的实例添加到语音队列中cancel() 删除队列中所有的语音.如果正在播放,则直接停止pause() 暂停语音resume() 恢复暂停的语音getVoices 获取支持的语言数组. 注意:必须添加在voiceschanged事件中才能生效JS示例

var u = new SpeechSynthesisUtterrance(); u.text = "文字播放"; u.lang = 'zh'; u.rate = 0.7 speechSynthesis.speak(u);

原文参照

https://blog.csdn.net/WhiteEmperor/article/details/92568232

【本文地址】

公司简介

联系我们