博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ReactNative集成百度语音合成
阅读量:7072 次
发布时间:2019-06-28

本文共 2256 字,大约阅读时间需要 7 分钟。

语音交互是现今应用最多的智能交互方式,在人工智能越来越火的当下应用十分广泛,所以特别针对车内环境,在驾驶员安心驾驶的时候,用语音可以安全的进行操控。恰好新版项目中要加入语音播报功能,因为我们的应用和司机有关,于是在网上搜索一些解决方案,目前有阿里云,百度云以及科大讯飞还有一些其他公司提供的相关解决方案。

不同方案之间的对比,可以参考下面的文章:

目前计划采用的是百度云提供的语音合成技术:

有如下几个优势:

1.支持多种语言多种音色

支持中文、英文混读,男声、女声、童声、情感男声可供选择,更支持语速、音调、音量、音频码率设置,让应用拥有最甜美和最磁性的声音
2.支持离线在线融合模式
SDK可以根据当前网络状况及指令的类型,自动判断使用本地引擎还是云端引擎进行语音合成
3.合成效果流畅自然
语音合成技术业界领先,合成效果接近
真人发声,流畅自然,且极具表现力,
给你最舒适的听觉体验
4.免费额度高

image.png

好了,不给它打广告了,开始整干货,下面是集成步骤。

先贴上百度云官网文档地址:
1.创建一个ReactNative工程,不会的自行百度吧;或者在已有项目中,总之你得有个RN项目
2.登录网址百度语音开发者平台注册账号并创建应用:
进入控制台-->选择产品服务-->选择人工智能-->创建应用-->填写有关应用信息
image.png

image.png

image.png

image.png

image.png

同理点击查看Key,查看当前应用的所需的主要三个参数 AppId APIKey SecretKey,后面会用得到.

3.下载相关平台的SDK

image.png

4.解压后

image.png

BaiduTtsSample:为一个模板代码,eclipse版本的,我就是借鉴里面稍微修改了一下。
 data:为百度语音资源,声音文件,它为一个必须文件,中英文资源。最后使用是放在手机物理存储下的。
 doc:为一个pdf的简介使用方法以及网络的使用Api文档说明。我们用不到,可以下去读一读的。
 libs:为资源jar包和语音引擎文件.so库。也是我们集成必须使用到的。
5.接下来的步骤是,我们将语音资源和libs下的资源方法android studio我们的项目里面。将data里面的文件全部复制到Asserts文件夹下。将libs下的两个jar文件复制到项目的libs中,并添加Add As library关联。在项目中的main路径下新建一个jnilibs文件夹,用于放置剩余的libs下的文件。现在的工程目录是(Android)

image.png

6.添加权限

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.WRITE_SETTINGS" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />

7.到此,集成就结束了,接下来就是如何使用。当然可以参照BaiduTtsSample文件夹下的src里面的一个MainActvity的写法。也可以按照下面的总结的工具类来直接使用,方便快捷省事。

参考文章:
--------------------------华丽的分割线----------------------------
因为咱们的的项目是ReactNative,所以要进行原生和js的交互
1.创建一个原生模块是一个继承了ReactContextBaseJavaModule的Java类,它可以实现一些JavaScript所需的功能。

image.png

2.注册模块

image.png

3.在这个package需要在MainApplication.java文件的getPackages方法中提供。这个文件位于你的react-native应用文件夹的android目录中。

image.png

4.为了让你的功能从JavaScript端访问起来更为方便,通常我们都会把原生模块封装成一个JavaScript模块。这不是必须的,但省下了每次都从NativeModules中获取对应模块的步骤。这个JS文件也可以用于添加一些其他JavaScript端实现的功能。

image.png

5.使用

image.png

image.png

6.集成常见问题:

百度语音文档中心:

Oc 百度语音的ios集成:

iOS 一行代码简单调用百度语音合成:

ps:使用Android原生自带的语音合成:

转载地址:http://pqkml.baihongyu.com/

你可能感兴趣的文章
Permission denied You (root) are not allowed to access to (crontab) because of pam configuration.
查看>>
mybaits出现错误
查看>>
我的友情链接
查看>>
如果项目使用HOLO或加载V7包就会出现小按钮变大
查看>>
kvm虚拟化
查看>>
自制WheelView沉浸式菜单及Dialog样式Activity
查看>>
python-62: BS4的基本知识
查看>>
jsp中文显示乱码的解决办法
查看>>
Cmakelists.txt中间部分模板
查看>>
eclipse中java工程转web工程
查看>>
linux中的僵尸进程
查看>>
clustershell批量执行shell命令
查看>>
fedora 19 安装mp3 解析
查看>>
redhat7.2配置yum源
查看>>
iOS开发之左右抖动效果
查看>>
血的教训---工作中注意的事项(未完)
查看>>
php转义之gpc
查看>>
PHP应用如何对接微信公众号JSAPI支付
查看>>
IE中用JS让页面全屏的方式(达到F11的 效果)
查看>>
exec-timeout
查看>>