微信小程序之tts&iat(文本语音互转)

  这里先讲一下我现在完成的文本语音互转页面,到这里专栏先暂停。
  源码下载:微信小程序源码,内含包括语音文本互转、在线小说阅读器等多个Demo

  目前的效果:
在这里插入图片描述
  这个页面目前集成了语音识别/iat语音生成/tts

  流程介绍

  从底下录音按钮开始介绍,长按开始录音,松手后将录取的.mp3音频先上传至我的本地资源服务器里的音频文件夹,返回路径,然后POST请求后台语音识别接口,后台接口先利用ffmpeg.exe.mp3转码成科大讯飞规定的.wav格式音频并存在本地资源服务器,再调用科大讯飞iat接口识别.wav,返回给小程序书识别出来的文本,添加在文本框中文本后面。
  上部语音生成tts,先是选择声种,有五个科大讯飞的免费声种选择,中英文。在这里插入图片描述
  然后在文本框输入文本,点击提交按钮,会调用后台语音生成接口,后台调用科大讯飞接口生成后,将音频存在本地资源服务器,返回给小程序音频路径,小程序端接收后开始播放音频。

  实现讲解

  两个后台接口见这两篇:
微信小程序+.NET(四) 科大讯飞语音接口-iat语音听写
微信小程序+.NET(六) 科大讯飞语音接口-tts语音生成

  导航栏见:
微信小程序+.NET(十) 小程序之自定义顶部导航栏
在这里插入图片描述

  1.上部使用form表单

在这里插入图片描述
  form表单的使用,请参考:form|微信开放文档

  picker选择器的使用,请参考:picker|微信开发文档

  下面介绍我这部分tts的.js,上本部分为tts需要的data
在这里插入图片描述
  这是四个事件
在这里插入图片描述
  主要介绍我的tts(text2audio)
在这里插入图片描述
  这是播放事件,
在这里插入图片描述
  这里需要在app.json里配置一个背景播放参数
在这里插入图片描述

  2.下部iat实现

在这里插入图片描述
在这里插入图片描述
  这里需要除了iat(audio2text)还要说一下录音的这四个function:首先是录音计时器,在这里插入图片描述
  这里通过微信提供的setInterval()&clearInternal()内置函数实现计时器
在这里插入图片描述
  然后是录音开始与结束
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
  最后iat后台接口:
在这里插入图片描述

Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐