Fork me on github

浏览器播放语音

调用浏览器原生的api

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


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

        var mess = '语音合成432423423423423测试'
        var msg = new SpeechSynthesisUtterance(mess)
        msg.volume = 100  // 声音的音量
        msg.rate = 1 // 语速,数值,默认值是1,范围是0.1到10
        msg.pitch = 1.5 // 表示说话的音高,数值,范围从0(最小)到2(最大)。默认值为1
        speechSynthesis.speak(msg)
    }
复制代码

 

SpeechSynthesisUtterance

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

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

posted @   我の前端日记  阅读(133)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
Copyright © 2021 LinCangHai
Powered by .NET 5.0 on Kubernetes
点击右上角即可分享
微信分享提示