ReactNative集成百度语音合成

发布时间:2019-06-18 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了ReactNative集成百度语音合成脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

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

目前计划采用的是百度云提供的语音合成技
有如下几个优势:

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

ReactNative集成百度语音合成

好了,不给它打广告了,开始整干货,下面是集成步骤。
先贴上百度云官网文档地址:http://ai.baidu.com/docs#/TTS...
1.创建一个ReactNative工程,不会的自行百度吧;或者在已有项目中,总之你得有个RN项目
2.登录网址百度语音开发者平台注册账号并创建应用:
进入控制台-->选择产品服务-->选择人工智能-->创建应用-->填写有关应用信息

ReactNative集成百度语音合成

ReactNative集成百度语音合成

ReactNative集成百度语音合成

ReactNative集成百度语音合成

ReactNative集成百度语音合成


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

3.下载相关平台的SDK

ReactNative集成百度语音合成

4.解压后

ReactNative集成百度语音合成


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)

ReactNative集成百度语音合成

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的写法。也可以按照下面的总结的工具类来直接使用,方便快捷省事。
参考文章:http://blog.csdn.net/bk120/ar...
--------------------------华丽的分割线----------------------------
因为咱们的的项目是ReactNative,所以要进行原生和js的交互
1.创建一个原生模块是一个继承了ReactContextBaseJavaModule的Java类,它可以实现一些JavaScript所需的功能。

ReactNative集成百度语音合成

2.注册模块

@H_943_126@

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

ReactNative集成百度语音合成

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

ReactNative集成百度语音合成

5.使用

ReactNative集成百度语音合成

ReactNative集成百度语音合成

6.集成常见问题:
百度语音文档中心:http://yuyin.baidu.com/docs/t...

Oc 百度语音的ios集成:http://blog.csdn.net/qq_40691...
iOS 一行代码简单调用百度语音合成:http://www.jianshu.com/p/1c4a...

ps:使用Android原生自带的语音合成:
https://github.com/SolveBugs/...
https://blog.csdn.net/csdn_bl...

脚本宝典总结

以上是脚本宝典为你收集整理的ReactNative集成百度语音合成全部内容,希望文章能够帮你解决ReactNative集成百度语音合成所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。