web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. AIGC工具
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站
    手机应用

vue如何实现文本转语音功能

913 ℃

vue如何实现文本转语音功能,下面web建站小编给大家介绍一个h5新增的SpeechSynthesisUtterance对象!

SpeechSynthesisUtterance函数介绍

text – 要合成的文字内容,字符串。

lang – 使用的语言,字符串, 例如:”zh-cn”。

voiceURI – 指定希望使用的声音和服务,字符串。

volume – 声音的音量,区间范围是0到1,默认是1。

rate – 语速,数值,默认值是1,范围是0.1到10,表示语速的倍数,例如2表示正常语速的两倍。

pitch – 表示说话的音高,数值,范围从0(最小)到2(最大)。默认值为1。

SpeechSynthesisUtterance方法介绍

speak() 将对应的实例添加到语音队列中。

cancel() 删除队列中所有的语音.如果正在播放,则直接停止。

pause() 暂停语音。

resume() 恢复暂停的语音。

getVoices 获取支持的语言数组. 注意:必须添加在voiceschanged事件中才能生效。

SpeechSynthesisUtterance语法介绍

voice(e){
 window.speechSynthesis.cancel()
   let timer
   timer = setInterval(() => {
     let msg = e
     if(this.isIe()){ //ie浏览器判断
       let voiceObj = new ActiveXObject("Sapi.SpVoice")
       voiceObj.Rate = -1 // 语速
       voiceObj.Volume = 50 // 音量
       voiceObj.Speak(msg,1)
     }else{
       let speakMsg = new
          SpeechSynthesisUtterance(msg)
       speakMsg.rate = 1 // 语速
       speakMsg.pitch = 3 // 音量
       window.speechSynthesis.speak(speakMsg)
     }
 }, 1000)
  setTimeout(() => {
    // 一段时间后清除定时器
    clearInterval(timer)
  }, 1000)
 }
isIe(){
  if(!!window.ActiveXObject || "ActiveXObject " in window){
    return true
  }else{
    return false
  }
},

OpenAI推出的2个模型:GPT-4o mini TTS和GPT-4o-transcribe

一款支持100多种语言,快速生成语音和视频内容的AI文本转语音平台——Narakeet

MakeBestMusic

IndexTTS:一款出自B站的开源级工业级高效文本转语音(TTS)系统

FastRTC:Hugging Face推出的Python实时通信库,简化音频和视频流开发

标签: 文本转语音

上面是“vue如何实现文本转语音功能”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_2807.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

当前位置: 网站首页 > vuejs
本文共计951个字,预计阅读时长7分钟
生活小工具,收录了80多款小工具
上一篇: 程序员正能量文案:乐观积极的治愈系文案,朋友圈满满向上动力句子
下一篇: Lunar组件如何利用I18n实现多语言功能
x 打工人ai神器