ReactNative集成百度语音合成

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

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

智能语音方案比对介绍

http://www.jianshu.com/p/95d9...

目前计划采用的是语音合成技术：

有如下几个优势：

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

支持中文、英文混读，男声、女声、童声、情感男声可供选择，更支持语速、音调、音量、音频码率设置，让应用拥有最甜美和最磁性的声音

2.支持离线在线融合模式

SDK可以根据当前网络状况及指令的类型，自动判断使用本地引擎还是云端引擎进行语音合成

3.合成效果流畅自然

语音合成技术业界领先，合成效果接近

真人发声，流畅自然，且极具表现力，

给你最舒适的听觉体验

4.免费额度高

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

1.创建一个ReactNative工程，不会的自行百度吧；或者在已有项目中，总之你得有个RN项目

2.登录网址百度语音开发者平台注册账号并创建应用：

进入控制台-->选择产品服务-->选择人工智能-->创建应用-->填写有关应用信息

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

3.下载相关平台的SDK

4.解压后

BaiduTtsSample:为一个模板代码，eclipse版本的，我就是借鉴里面稍微修改了一下。

 data:为百度语音资源，声音文件，它为一个必须文件，中英文资源。最后使用是放在手机物理存储下的。

 doc:为一个pdf的简介使用方法以及网络的使用Api文档说明。我们用不到，可以下去读一读的。

 libs:为资源jar包和语音引擎文件.so库。也是我们集成必须使用到的。

5.接下来的步骤是，我们将语音资源和libs下的资源方法android studio我们的项目里面。将data里面的文件全部复制到AssertAs library关联。在项目中的main路径下新建一个jnilibs文件夹，用于放置剩余的libs下的文件。现在的工程目录是(Android)

s文件夹下。将libs下的两个jar文件复制到项目的libs中,并添加Add

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所需的功能。

2.注册模块

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

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

5.使用

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...