js实现语音播报功能优化参数配置及报错处理

最新推荐文章于 2025-09-05 11:33:19 发布

原创最新推荐文章于 2025-09-05 11:33:19 发布 · 984 阅读

1 ·

CC 4.0 BY-SA版权

移动端同时被 2 个专栏收录

6 篇文章

订阅专栏

app

2 篇文章

订阅专栏

本文提供了一个使用百度TTS服务的示例代码，演示了如何将文本转换为语音，并介绍了不同参数的作用，如音色、音量和语速等。

function voiceAnnouncements(str){
    //百度
    var url = "https://ai.baidu.com/aidemo?type=tns2&idx=1&&cuid=baidu_speech_demo&cod=2&lan=zh&ctp=1&pdt=1&spd=5&per=0&vol=15&pit=5&tex=" + encodeURI(str);        // baidu
    //备用地址 声音大  好听版
   // var url = "https://tts.baidu.com/text2audio?cuid=baike&lan=zh&ctp=1&pdt=301&vol=9&rate=32&per=0&tex=" + encodeURI(str);
    var n = new Audio(url);
    n.src = url;
    n.play();
}

per 1是男声 0是女生
vol 音量调节目前测试15为最大
spd 语速
再调用时要注意
如果此方法报错丢包请使用稳定版稳定版声音小且低沉

// 声音小  低沉  稳定版
function voiceAnnouncements(str){
    //百度
    var url = "http://tts.baidu.com/text2audio?lan=zh&ie=UTF-8&text=" + encodeURI(str);        // baidu
    var n = new Audio(url);
    n.src = url;
    n.play();
}

voiceAnnouncements("成功")
//直接调用会谷歌会报错  报错如下  意思说不能在页面加载完毕直接播放

select.html:58 Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. https://goo.gl/xX8pDD

成功调用方法

$(".shuo").on("click",function(){
	voiceAnnouncements("成功")
})