Flutter學習第十三天，2021最新版超詳細Flutter2.0實現百度語音轉文字功能，Android和Flutter混合開發？

android小白星發表於2021-03-23

雖然是實現Flutter的百度語音轉文字功能，主要還是通過Android端來實現百度語音轉文字功能，然後通過Flutter和Android端來傳資料(如下圖），來實現Flutter需求的功能。其中ios端也是可以實現百度語音轉文字的功能，但是因為我的電腦是window系統，所以不能用flutter來開發ios，所以我下面的教程主要是針對Android端的實現。

原則肯定是先看一下效果呀，例項為證：百度語音轉漢字的時候一般都會在後面加一個句號。

1.新建一個flutter專案，來實現View端。

下圖紅色圓圈處不要打勾

2.新建android端的module

1.開啟flutter裡面的Android檔案

==找到flutter專案裡面的Android檔案，然後找到MainActivty，通過android studio,這裡爆紅不需要管他，開始build的時候可能會有點慢==。

開啟成功

1.新建一個module

記得選擇Android Library。名字自己命名吧，我取名為asr_plugin，不細說了。 新建成功

3.配置百度語音轉文字sdk

1.下載SDK

百度SDK下載地址：ai.baidu.com/sdk

2.在asr_plugin裡面配置SDK

1.找到core資料夾

2.把下圖檔案放到asr_plugin檔案的lib檔案中

不要忘記載入這個jar包

3.把jniLibs貼上到你的src檔案中

如圖所示： 把無用的包刪掉，只留下如圖中的so包。

4.配置你的AndroidMainfest許可權

程式碼如下：

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.asr_plugin">

    <uses-permission android:name="android.permission.RECORD_AUDIO" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

    <application>
       <!-- <service
            android:name="com.baidu.speech.VoiceRecognitionService"
            android:exported="false" />-->


        <meta-data
            android:name="com.baidu.speech.APP_ID"
            android:value="15519387" />
        <meta-data
            android:name="com.baidu.speech.API_KEY"
            android:value="Ywyh8ErHPQXBSapdQZqVBtdl" />
        <meta-data
            android:name="com.baidu.speech.SECRET_KEY"
            android:value="DFPpDWnOGrNGzxfX07D5GFLryh3d3Nne" />

    </application>

</manifest>
複製程式碼

有的同學可能會想把那個APP_ID,API_KEY,SECRET_KEY改為自己的應用，但是我在改為自己的應用的時候，出現了錯誤碼，具體是什麼錯誤，我也忘了，反正是關於我建立應用沒有語音轉文字這功能，個人提議，如果你不想麻煩的話，可以直接這些資料，如果你想配置自己的，也可以去嘗試一下，可以根據錯誤碼來檢視錯誤檔案，檢視錯誤碼的網址：ai.baidu.com/ai-doc/SPEE…

5.在flutter的Android檔案的build.gradle檔案裡面載入asr_plugin庫

此功能主要把asr_plugin載入到flutter裡面，方便等下進行資料通訊。還需要一步，記得在

4.建立flutter和Android端的橋樑

1.配置flutter端的MethodChannel

建立一個asr_manager檔案，通過MethodChannel 來進行通訊。總共有三種通訊方式，我們這裡是屬於方法通訊。總共有三個方法：開始錄音、停止錄音、取消錄音。程式碼如下：

import 'package:flutter/services.dart';

class AsrManager {
  static const MethodChannel _channel = const MethodChannel('asr_plugin');

  ///開始錄音
  static Future<String> start({Map params}) async {
    return await _channel.invokeMethod('start', params ?? {});
  }

  ///停止錄音
  static Future<String> stop() async {
    return await _channel.invokeMethod('stop');
  }

  ///取消錄音
  static Future<String> cancel() async {
    return await _channel.invokeMethod('cancel');
  }
}
複製程式碼

2.配置Android端的MethodChannel

這些檔案除了AsrPlugin，其他你可以在你下載的那個百度SDK裡面找到，但是有一些需要修改的地方。 這些檔案你可以自己去下面我的百度網盤處下載，應該都是適配的：連結：pan.baidu.com/s/1ODBeSEBf… 提取碼：gnkq

關於AsrPlugin檔案，需要在Android端配置Flutter的環境：在build.gradle檔案中加入如圖中程式碼：

def localProperties = new Properties()
def localPropertiesFile = rootProject.file('local.properties')
if (localPropertiesFile.exists()) {
    localPropertiesFile.withReader('UTF-8') { reader ->
        localProperties.load(reader)
    }
}

def flutterRoot = localProperties.getProperty('flutter.sdk')

apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
複製程式碼

flutter {
    source '../..'
}
複製程式碼

配置成功之後，我們就可以實現Android端可以使用flutter的檔案了。如果你沒用配置好這個環境的話，你就不能實現Android端與flutter端的通訊，用下面程式碼來實現與flutter的start,stop,cancel操作：程式碼如下：


import android.Manifest;
import android.app.Activity;
import android.content.pm.PackageManager;
import android.util.Log;

import androidx.annotation.Nullable;
import androidx.core.app.ActivityCompat;
import androidx.core.content.ContextCompat;

import java.util.ArrayList;
import java.util.Map;

import io.flutter.plugin.common.BinaryMessenger;
import io.flutter.plugin.common.MethodCall;
import io.flutter.plugin.common.MethodChannel;

public class AsrPlugin implements MethodChannel.MethodCallHandler {
    private final static String TAG = "AsrPlugin";
    private final Activity activity;
    private ResultStateful resultStateful;
    private AsrManager asrManager;

    public static void registerWith(Activity activity, BinaryMessenger messenger) {
        MethodChannel channel = new MethodChannel(messenger, "asr_plugin");
        AsrPlugin instance = new AsrPlugin(activity);
        channel.setMethodCallHandler(instance);
    }

    public AsrPlugin(Activity activity) {
        this.activity = activity;
    }

    @Override
    public void onMethodCall(MethodCall methodCall, MethodChannel.Result result) {
        initPermission();
        switch (methodCall.method) {
            case "start":
                resultStateful = ResultStateful.of(result);
                start(methodCall, resultStateful);
                break;
            case "stop":
                stop(methodCall,result);
                break;
            case "cancel":
                cancel(methodCall,result);
                break;
            default:
                result.notImplemented();
        }
    }

    private void start(MethodCall call, ResultStateful result) {
        if (activity == null) {
            Log.e(TAG, "Ignored start, current activity is null.");
            result.error("Ignored start, current activity is null.", null, null);
            return;
        }
        if (getAsrManager() != null) {
            getAsrManager().start(call.arguments instanceof Map ? (Map) call.arguments : null);
        } else {
            Log.e(TAG, "Ignored start, current getAsrManager is null.");
            result.error("Ignored start, current getAsrManager is null.", null, null);
        }
    }

    private void stop(MethodCall call, MethodChannel.Result result) {
        if (asrManager != null) {
            asrManager.stop();
        }
    }

    private void cancel(MethodCall call, MethodChannel.Result result) {
        if (asrManager != null) {
            asrManager.cancel();
        }
    }

    @Nullable
    private AsrManager getAsrManager() {
        if (asrManager == null) {
            if (activity != null && !activity.isFinishing()) {
                asrManager = new AsrManager(activity, onAsrListener);
            }
        }
        return asrManager;
    }
    /**
     * android 6.0 以上需要動態申請許可權
     */
    private void initPermission() {
        String permissions[] = {Manifest.permission.RECORD_AUDIO,
                Manifest.permission.ACCESS_NETWORK_STATE,
                Manifest.permission.INTERNET,
                Manifest.permission.READ_PHONE_STATE,
                Manifest.permission.WRITE_EXTERNAL_STORAGE
        };

        ArrayList<String> toApplyList = new ArrayList<String>();

        for (String perm :permissions){
            if (PackageManager.PERMISSION_GRANTED != ContextCompat.checkSelfPermission(activity, perm)) {
                toApplyList.add(perm);
                //進入到這裡代表沒有許可權.

            }
        }
        String tmpList[] = new String[toApplyList.size()];
        if (!toApplyList.isEmpty()){
            ActivityCompat.requestPermissions(activity, toApplyList.toArray(tmpList), 123);
        }

    }
    private OnAsrListener onAsrListener = new OnAsrListener() {
        @Override
        public void onAsrReady() {

        }

        @Override
        public void onAsrBegin() {

        }

        @Override
        public void onAsrEnd() {

        }

        @Override
        public void onAsrPartialResult(String[] results, RecogResult recogResult) {

        }

        @Override
        public void onAsrOnlineNluResult(String nluResult) {

        }

        @Override
        public void onAsrFinalResult(String[] results, RecogResult recogResult) {
            if (resultStateful != null) {
                resultStateful.success(results[0]);
            }
        }

        @Override
        public void onAsrFinish(RecogResult recogResult) {

        }

        @Override
        public void onAsrFinishError(int errorCode, int subErrorCode, String descMessage, RecogResult recogResult) {
            if (resultStateful != null) {
                resultStateful.error(descMessage, null, null);
            }
        }

        @Override
        public void onAsrLongFinish() {

        }

        @Override
        public void onAsrVolume(int volumePercent, int volume) {

        }

        @Override
        public void onAsrAudio(byte[] data, int offset, int length) {

        }

        @Override
        public void onAsrExit() {

        }

        @Override
        public void onOfflineLoaded() {

        }

        @Override
        public void onOfflineUnLoaded() {

        }
    };
}

複製程式碼

3.在flutter的Android檔案中配置打包環境

主要為了避免環境衝突而導致功能不成功，配置如圖所示：