【微信小程序】接入微软azure文本转语音的记录

这篇具有很好参考价值的文章主要介绍了【微信小程序】接入微软azure文本转语音的记录。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

前言

想在微信小程序中实现文本转语音的功能,使用azure的RESTful API。
先说结论:还是在后台处理吧
现象:模拟器上运行是正常的,可以获得转换后的音频,真机调试时,statusCode:400,在官方文档中的解释是,参数错误,常见原因是:标头过长。
原因:小程序wx.request user-agent过长了,超过了azure官方文档API里的限制:255个字符。
小程序wx.request user-agent过长怎么解决?
解决方法:小程序请求自己后端,自己后端再请求第三方接口

所以正文只是想记录一下调用接口&实现的过程,万一哪天官方把这个限制改了呢~(如果是用在网站上的话,过程应该也差不多吧)

正文

首先,注册账号巴拉巴拉不提(因为不是我注册的0 0)好像是需要国外信用卡之类的?
将可以获得:
1.subscriptionKey,订阅密钥
2.区域信息,一般国内就是eastasia了。

使用过程:

1.获取subscriptionKey

因为subscriptionKey放后台了,所以前端使用的时候需要获取一下。

  getAzureKey() {
    request.get('xxxx').then(res => {
      if (res.data.code == '200') {
        this.setData({
          subscriptionKey: res.data.result.subscriptionKey
        })
      } else {
        console.log('something error')
      }
    })
  },

2.开始获取语音

  getAudio(e) {
    let text ='你好!' //想要转换的文本
    let that = this
    //先获得token
    wx.request({
      url: 'https://eastasia.api.cognitive.microsoft.com/sts/v1.0/issueToken',
      method: 'POST',
      header: {
        'Ocp-Apim-Subscription-Key': that.data.subscriptionKey
      },
      success(res) {
        const token = res.data
        //开始转换
        wx.request({
          url: 'https://eastasia.tts.speech.microsoft.com/cognitiveservices/v1',
          method: 'POST',
          data: `<speak version='1.0' xmlns='http://www.w3.org/2001/10/synthesis' xml:lang='zh-CN'><voice name='zh-CN-XiaoqiuNeural'>${text}</voice></speak>`,
          header: {
            'Authorization': 'Bearer ' + token,
            'Content-Type': 'application/ssml+xml',
            'X-Microsoft-OutputFormat': 'audio-16khz-128kbitrate-mono-mp3',
          },
          responseType: "arraybuffer", //注意要转换成arraybuffer的
          success: function (result) {
            console.log(result)
            if (result.statusCode == '200') {
              console.log('ok')
              const fs = wx.getFileSystemManager();
              const filePath = wx.env.USER_DATA_PATH + "/output.mp3";
              fs.writeFileSync(filePath, result.data, "binary");//写入
              that.setData({
                audioSrc: filePath,
              });
              //音频播放
              const audio = wx.createInnerAudioContext();
              audio.src = filePath;
              audio.play();
              audio.onEnded(() => {
                console.log("Voice playback complete.");
              });
            } else {
              console.log(result)
            }
          }
        })
      },
      fail() {
        console.log('获取token失败')
      }
    })

  },

完成。

后端正在写接口Ing,后续待补充。。。文章来源地址https://www.toymoban.com/news/detail-456351.html

到了这里,关于【微信小程序】接入微软azure文本转语音的记录的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用微软Azure的tts文本转语音服务出现java.lang.UnsatisfiedLinkError

    最近,在使用微软tts文本转语音的speech服务时,项目正常整合了微软的依赖,服务也正常启动。但是只要调用微软文本转语音服务api时,就会出现如下报错。 该方法是一个native方法,我以为是依赖中的dll文件没有加载到,结果检查不是。 最后分析:native依赖的是底层实现的

    2024年02月14日
    浏览(28)
  • uniapp开发微信小程序,使用微信同声传译插件,实现语音识别输入文本

    第一步:现在微信小程序管理后台:“设置”-》“第三方设置”-》“插件管理”中添加插件。 但是这个地方,没有搜索到插件,就到微信服务市场去搜微信服务市场  搜索到以后添加到需要的小程序里面,然后返回管理中心查看,就可以看到了 第二步:在配置文件中引入插

    2024年02月09日
    浏览(34)
  • uniapp 微信小程序 editor富文本编辑器 api 使用记录

    这里记录一下自己研究学习的结果 之前一直使用textarea 来进行内容的编辑。但是局限性还是太多,最近发现了editor。觉得很不错 uniapp的官方说明 https://uniapp.dcloud.io/component/editor.html 这里有个例子,看起来很棒。但是自己使用起来的时候, 怎么也没有官方demo上面的工具栏 !

    2024年02月09日
    浏览(27)
  • media-微软Azure文字转语音

    media-微软Azure文字转语音 前篇 官方 免费服务 - https://portal.azure.com/?quickstart=True#blade/Microsoft_Azure_Billing/FreeServicesBlade 价格表: https://azure.microsoft.com/zh-cn/pricing/details/cognitive-services/speech-services/ 文字转语音–最像人类声音的免费语音合成服务|微软azure(2021) - https://www.youtube.com

    2024年02月06日
    浏览(24)
  • 如何注册微软Azure并获取语音合成服务?

    按步骤,一步步来。 使用条件,以下可选: 1、有信用卡 2、有学生邮箱、学校邮箱。 步骤: 1、打开地址,去注册。 信用卡注册: 文本转语音 – 真实 AI 语音生成器 | Microsoft Azure 学生邮箱: 面向学生的 Azure - 免费帐户额度 | Microsoft Azure 2、注册后去后台,打开语音服务。 后

    2024年02月03日
    浏览(25)
  • azure微软文字转语音工具​AzureTools​使用

    文章目录 前言 一、 AzureTools 是什么? 二、使用步骤 1.安装 2.使用 总结 最近事情不多,作为开发人员总是停不下来,就想写点啥,研究点啥。当下短视频比较火所以研究了下视频剪辑,发现很多人在用微软的Azure文字转语音功能实现配音,但是使用这个有一个弊端就是转完后

    2024年02月04日
    浏览(21)
  • OAuth机制_web站点接入微软azure账号进行三方登录

    大家好,我是yma16,本文分享OAuth规则机制下实现个人站点接入微软azure账号进行三方登录。 该系列往期文章:

    2024年02月14日
    浏览(22)
  • Android快速集成微软语音服务(Azure认知服务)

    在网上溜了一圈,发现使用微软语音服务(Azure)的文章好少,为之感叹,在国内,百度语音、讯飞语音算是前沿语音技术,使用的公司和人自然不少,不过,在国际语言,小语种这块,还需要努力。刚开始,我也想使用百度语音翻译来着,后面发现集成好麻烦,API请求参数

    2024年02月04日
    浏览(72)
  • [chatgpt+Azure]unity AI二次元小女友之使用微软Azure服务实现RestfulApi->语音识别+语音合成

            如题所述,这个小项目是在unity引擎端,使用了chatgpt+微软azure的一个AI二次元女友对话的项目,实现原理也比较简单,即在unity端实现AI二次元女友的交互界面,接入chatgpt-3.5-turbo的api接口,借助chatgpt的自然语言生成能力,作为这个项目的聊天引擎。聊天功能也比较

    2024年02月04日
    浏览(26)
  • springboot微软文本转语音(texttospeach) java实现微软文本转语音

    官网地址: https://docs.microsoft.com/zh-cn/azure/cognitive-services/speech-service/quickstarts/setup-platform?tabs=windows%2Cubuntu%2Cdotnet%2Cjre%2Cmaven%2Cnodejs%2Cmac%2Cpypipivots=programming-language-java 参数文档和其他文档 https://docs.microsoft.com/zh-cn/java/api/com.microsoft.cognitiveservices.speech.speechconfig?view=azure-java-stable#

    2024年02月16日
    浏览(19)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包