add SherpaOnnxWebSocket (#362)

* add SherpaOnnxWebSocket * add SherpaOnnxWebSocket * update text show style --------- Co-authored-by: longshiming <longshiming@greesoft.com>
2023-10-16 14:39:32 +08:00
parent 0df0a735d7
commit 55b6893885
45 changed files with 1196 additions and 0 deletions
--- a/android/SherpaOnnxWebSocket/app/src/main/AndroidManifest.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/AndroidManifest.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools">
+
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
+    <uses-permission android:name="android.permission.INTERNET"/>
+
+    <application
+        android:allowBackup="true"
+        android:dataExtractionRules="@xml/data_extraction_rules"
+        android:fullBackupContent="@xml/backup_rules"
+        android:icon="@mipmap/ic_launcher"
+        android:label="@string/app_name"
+        android:roundIcon="@mipmap/ic_launcher_round"
+        android:supportsRtl="true"
+        android:theme="@style/Theme.SherpaOnnx"
+        tools:targetApi="31">
+        <activity
+            android:name=".MainActivity"
+            android:exported="true">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+
+            <meta-data
+                android:name="android.app.lib_name"
+                android:value="" />
+        </activity>
+    </application>
+
+</manifest>
--- a/android/SherpaOnnxWebSocket/app/src/main/assets/.gitkeep
+++ b/android/SherpaOnnxWebSocket/app/src/main/assets/.gitkeep
--- a/android/SherpaOnnxWebSocket/app/src/main/java/com/k2fsa/sherpa/onnx/MainActivity.kt
+++ b/android/SherpaOnnxWebSocket/app/src/main/java/com/k2fsa/sherpa/onnx/MainActivity.kt
@@ -0,0 +1,268 @@
+// add by longsm at 2023/10/13
+package com.k2fsa.sherpa.onnx
+
+import android.Manifest
+import android.content.pm.PackageManager
+import android.media.AudioFormat
+import android.media.AudioRecord
+import android.media.MediaRecorder
+import android.os.Bundle
+import android.text.TextUtils
+import android.text.method.ScrollingMovementMethod
+import android.util.Log
+import android.widget.Button
+import android.widget.EditText
+import android.widget.TextView
+import androidx.appcompat.app.AppCompatActivity
+import androidx.core.app.ActivityCompat
+import com.google.gson.Gson
+import com.google.gson.reflect.TypeToken
+import org.java_websocket.handshake.ServerHandshake
+import java.net.URI
+import java.net.URISyntaxException
+import java.nio.ByteBuffer
+import java.nio.ByteOrder
+import kotlin.concurrent.thread
+
+private const val TAG = "sherpa-onnx"
+private const val REQUEST_RECORD_AUDIO_PERMISSION = 200
+
+class MainActivity : AppCompatActivity(), MyWebsocketClient.WebsocketClientCallback {
+    private val permissions: Array<String> = arrayOf(Manifest.permission.RECORD_AUDIO)
+
+    private var audioRecord: AudioRecord? = null
+    private lateinit var recordButton: Button
+    private lateinit var connectButton: Button
+    private lateinit var textView: TextView
+    private lateinit var etUrl: EditText
+    private var recordingThread: Thread? = null
+
+    private var websocketClient: MyWebsocketClient? = null
+
+    private val audioSource = MediaRecorder.AudioSource.MIC
+    private val sampleRateInHz = 16000
+    private val channelConfig = AudioFormat.CHANNEL_IN_MONO
+
+    // Note: We don't use AudioFormat.ENCODING_PCM_FLOAT
+    // since the AudioRecord.read(float[]) needs API level >= 23
+    // but we are targeting API level >= 21
+    private val audioFormat = AudioFormat.ENCODING_PCM_16BIT
+    private var idx: Long = 0
+    private var lastText: String = ""
+
+    @Volatile
+    private var isRecording: Boolean = false
+
+    @Volatile
+    private var isConnected: Boolean = false
+
+    override fun onRequestPermissionsResult(
+        requestCode: Int, permissions: Array<String>, grantResults: IntArray
+    ) {
+        super.onRequestPermissionsResult(requestCode, permissions, grantResults)
+        val permissionToRecordAccepted = if (requestCode == REQUEST_RECORD_AUDIO_PERMISSION) {
+            grantResults[0] == PackageManager.PERMISSION_GRANTED
+        } else {
+            false
+        }
+
+        if (!permissionToRecordAccepted) {
+            Log.e(TAG, "Audio record is disallowed")
+            finish()
+        }
+
+        Log.i(TAG, "Audio record is permitted")
+    }
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        setContentView(R.layout.activity_main)
+
+        ActivityCompat.requestPermissions(this, permissions, REQUEST_RECORD_AUDIO_PERMISSION)
+
+        recordButton = findViewById(R.id.record_button)
+        recordButton.setOnClickListener { onclick() }
+
+        connectButton = findViewById(R.id.connect_button)
+        connectButton.setOnClickListener { onclickConnect() }
+
+        textView = findViewById(R.id.my_text)
+        textView.movementMethod = ScrollingMovementMethod()
+
+        recordButton.isEnabled = false
+
+        etUrl = findViewById(R.id.et_uri)
+    }
+
+    private fun onclickConnect() {
+        if (!isConnected) {
+            val etUrlStr = etUrl.text.toString().trim()
+            var uriStr = "ws://172.28.13.167:6006"
+            if (!TextUtils.isEmpty(etUrlStr)) {
+                uriStr = etUrlStr
+            }
+            try {
+                val uri = URI(uriStr)
+                websocketClient = MyWebsocketClient(uri)
+                websocketClient?.setClientCallback(this)
+                websocketClient?.connect()
+            } catch (e: URISyntaxException) {
+                Log.e(TAG, "URISyntaxException === >> $e")
+            }
+        } else {
+            Log.e(TAG, "onclick disconnect")
+            websocketClient?.close()
+            websocketClient = null
+        }
+
+    }
+
+    private fun onclick() {
+
+        if (!isRecording) {
+            val ret = initMicrophone()
+            if (!ret) {
+                Log.e(TAG, "Failed to initialize microphone")
+                return
+            }
+            Log.i(TAG, "state: ${audioRecord?.state}")
+            audioRecord!!.startRecording()
+            recordButton.setText(R.string.stop)
+            isRecording = true
+            textView.text = ""
+            lastText = ""
+            idx = 0
+
+            recordingThread = thread(true) {
+                processSamples()
+            }
+            connectButton.isEnabled = false
+            Log.i(TAG, "Started recording")
+        } else {
+            isRecording = false
+            audioRecord!!.stop()
+            audioRecord!!.release()
+            audioRecord = null
+            recordButton.setText(R.string.start)
+            connectButton.isEnabled = true
+            Log.i(TAG, "Stopped recording")
+        }
+    }
+
+    private fun processSamples() {
+        Log.i(TAG, "processing samples")
+
+        val interval = 0.1 // i.e., 100 ms
+        val bufferSize = (interval * sampleRateInHz).toInt() // in samples
+        val buffer = ShortArray(bufferSize)
+
+        while (isRecording) {
+            val ret = audioRecord?.read(buffer, 0, buffer.size)
+            if (ret != null && ret > 0) {
+                val samples = FloatArray(ret) { buffer[it] / 32768.0f }
+
+                val buffer = ByteBuffer.allocate(4 * samples.size)
+                    .order(ByteOrder.LITTLE_ENDIAN) // float is sizeof 4. allocate enough buffer
+
+
+                for (f in samples) {
+                    buffer.putFloat(f)
+                }
+                buffer.rewind()
+                buffer.flip()
+                buffer.order(ByteOrder.LITTLE_ENDIAN)
+
+                if (isConnected) {
+                    websocketClient?.send(buffer.array()) // send buf to server
+                }
+
+            }
+        }
+    }
+
+    private fun initMicrophone(): Boolean {
+        if (ActivityCompat.checkSelfPermission(
+                this, Manifest.permission.RECORD_AUDIO
+            ) != PackageManager.PERMISSION_GRANTED
+        ) {
+            ActivityCompat.requestPermissions(this, permissions, REQUEST_RECORD_AUDIO_PERMISSION)
+            return false
+        }
+
+        val numBytes = AudioRecord.getMinBufferSize(sampleRateInHz, channelConfig, audioFormat)
+        Log.i(
+            TAG, "buffer size in milliseconds: ${numBytes * 1000.0f / sampleRateInHz}"
+        )
+
+        audioRecord = AudioRecord(
+            audioSource,
+            sampleRateInHz,
+            channelConfig,
+            audioFormat,
+            numBytes * 2 // a sample has two bytes as we are using 16-bit PCM
+        )
+        return true
+    }
+
+    override fun onOpen(handshakedata: ServerHandshake?) {
+        Log.i(TAG, "onOpen === >>")
+        isConnected = true
+        runOnUiThread {
+            recordButton.isEnabled = true
+            connectButton.text = getString(R.string.disconnect)
+        }
+    }
+
+    private val gson = Gson()
+    private val recognitionText = hashMapOf<Long, String>()
+
+    private fun getDisplayResult(): String {
+        var i = 0
+        var ans = ""
+        for ((key,value) in recognitionText){
+            if (value == ""){
+                continue
+            }
+            ans += " $i : ${recognitionText[key]}\n"
+            i += 1
+        }
+        return ans
+
+    }
+
+    override fun onMessage(message: String?) {
+        Log.i(TAG, "onMessage === >> $message")
+        val speechContent = gson.fromJson<SpeechContent>(
+            message,
+            object : TypeToken<SpeechContent?>() {}.type
+        )
+
+        val text = speechContent.text
+        val segment = speechContent.segment
+        Log.i(TAG, "text === >> $text")
+
+        recognitionText[segment] = text
+        runOnUiThread {
+            textView.text = getDisplayResult()
+        }
+    }
+
+    override fun onClose(code: Int, reason: String?, remote: Boolean?) {
+        Log.i(TAG, "onClose === >> code$code reason$reason remote$remote")
+        isConnected = false
+        runOnUiThread {
+            recordButton.isEnabled = false
+            connectButton.text = getString(R.string.connect)
+            textView.text = getString(R.string.hint)
+        }
+
+    }
+
+    override fun onError(ex: Exception?) {
+        Log.i(TAG, "onError === >> $ex")
+        runOnUiThread {
+            textView.text = "onError === >> $ex"
+        }
+
+    }
+}
--- a/android/SherpaOnnxWebSocket/app/src/main/java/com/k2fsa/sherpa/onnx/MyWebsocketClient.kt
+++ b/android/SherpaOnnxWebSocket/app/src/main/java/com/k2fsa/sherpa/onnx/MyWebsocketClient.kt
@@ -0,0 +1,39 @@
+package com.k2fsa.sherpa.onnx
+
+import org.java_websocket.client.WebSocketClient
+import org.java_websocket.handshake.ServerHandshake
+import java.net.URI
+
+class MyWebsocketClient(serverUri: URI?) : WebSocketClient(serverUri) {
+
+    override fun onOpen(handshakedata: ServerHandshake) {
+        clientCallback?.onOpen(handshakedata)
+
+    }
+    override fun onMessage(message: String) {
+        clientCallback?.onMessage(message)
+    }
+
+    override fun onClose(code: Int, reason: String, remote: Boolean) {
+        clientCallback?.onClose(code,reason,remote)
+    }
+
+    override fun onError(ex: Exception) {
+        clientCallback?.onError(ex)
+    }
+
+    private var clientCallback: WebsocketClientCallback? = null
+
+    fun setClientCallback(clientCallback: WebsocketClientCallback?) {
+        this.clientCallback = clientCallback
+    }
+
+    interface WebsocketClientCallback {
+        fun onOpen(handshakedata: ServerHandshake?)
+        fun onMessage(message: String?)
+        fun onClose(code: Int, reason: String?, remote: Boolean?)
+        fun onError(ex: Exception?)
+    }
+
+
+}
--- a/android/SherpaOnnxWebSocket/app/src/main/java/com/k2fsa/sherpa/onnx/SpeechContent.kt
+++ b/android/SherpaOnnxWebSocket/app/src/main/java/com/k2fsa/sherpa/onnx/SpeechContent.kt
@@ -0,0 +1,3 @@
+package com.k2fsa.sherpa.onnx
+
+data class SpeechContent(val text:String,val segment:Long)
--- a/android/SherpaOnnxWebSocket/app/src/main/java/com/k2fsa/sherpa/onnx/WaveReader.kt
+++ b/android/SherpaOnnxWebSocket/app/src/main/java/com/k2fsa/sherpa/onnx/WaveReader.kt
@@ -0,0 +1,29 @@
+// Copyright (c)  2023  Xiaomi Corporation
+package com.k2fsa.sherpa.onnx
+
+import android.content.res.AssetManager
+
+class WaveReader {
+    companion object {
+        // Read a mono wave file asset
+        // The returned array has two entries:
+        //  - the first entry contains an 1-D float array
+        //  - the second entry is the sample rate
+        external fun readWaveFromAsset(
+            assetManager: AssetManager,
+            filename: String,
+        ): Array<Any>
+
+        // Read a mono wave file from disk
+        // The returned array has two entries:
+        //  - the first entry contains an 1-D float array
+        //  - the second entry is the sample rate
+        external fun readWaveFromFile(
+            filename: String,
+        ): Array<Any>
+
+        init {
+            System.loadLibrary("sherpa-onnx-jni")
+        }
+    }
+}
--- a/android/SherpaOnnxWebSocket/app/src/main/jniLibs/.gitignore
+++ b/android/SherpaOnnxWebSocket/app/src/main/jniLibs/.gitignore
@@ -0,0 +1,4 @@
+*.so
+*.txt
+*.onnx
+*.wav
--- a/android/SherpaOnnxWebSocket/app/src/main/jniLibs/arm64-v8a/.gitkeep
+++ b/android/SherpaOnnxWebSocket/app/src/main/jniLibs/arm64-v8a/.gitkeep
--- a/android/SherpaOnnxWebSocket/app/src/main/jniLibs/armeabi-v7a/.gitkeep
+++ b/android/SherpaOnnxWebSocket/app/src/main/jniLibs/armeabi-v7a/.gitkeep
--- a/android/SherpaOnnxWebSocket/app/src/main/jniLibs/x86/.gitkeep
+++ b/android/SherpaOnnxWebSocket/app/src/main/jniLibs/x86/.gitkeep
--- a/android/SherpaOnnxWebSocket/app/src/main/jniLibs/x86_64/.gitkeep
+++ b/android/SherpaOnnxWebSocket/app/src/main/jniLibs/x86_64/.gitkeep
--- a/android/SherpaOnnxWebSocket/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
@@ -0,0 +1,30 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:aapt="http://schemas.android.com/aapt"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path android:pathData="M31,63.928c0,0 6.4,-11 12.1,-13.1c7.2,-2.6 26,-1.4 26,-1.4l38.1,38.1L107,108.928l-32,-1L31,63.928z">
+        <aapt:attr name="android:fillColor">
+            <gradient
+                android:endX="85.84757"
+                android:endY="92.4963"
+                android:startX="42.9492"
+                android:startY="49.59793"
+                android:type="linear">
+                <item
+                    android:color="#44000000"
+                    android:offset="0.0" />
+                <item
+                    android:color="#00000000"
+                    android:offset="1.0" />
+            </gradient>
+        </aapt:attr>
+    </path>
+    <path
+        android:fillColor="#FFFFFF"
+        android:fillType="nonZero"
+        android:pathData="M65.3,45.828l3.8,-6.6c0.2,-0.4 0.1,-0.9 -0.3,-1.1c-0.4,-0.2 -0.9,-0.1 -1.1,0.3l-3.9,6.7c-6.3,-2.8 -13.4,-2.8 -19.7,0l-3.9,-6.7c-0.2,-0.4 -0.7,-0.5 -1.1,-0.3C38.8,38.328 38.7,38.828 38.9,39.228l3.8,6.6C36.2,49.428 31.7,56.028 31,63.928h46C76.3,56.028 71.8,49.428 65.3,45.828zM43.4,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2c-0.3,-0.7 -0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C45.3,56.528 44.5,57.328 43.4,57.328L43.4,57.328zM64.6,57.328c-0.8,0 -1.5,-0.5 -1.8,-1.2s-0.1,-1.5 0.4,-2.1c0.5,-0.5 1.4,-0.7 2.1,-0.4c0.7,0.3 1.2,1 1.2,1.8C66.5,56.528 65.6,57.328 64.6,57.328L64.6,57.328z"
+        android:strokeWidth="1"
+        android:strokeColor="#00000000" />
+</vector>
--- a/android/SherpaOnnxWebSocket/app/src/main/res/drawable/ic_launcher_background.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/drawable/ic_launcher_background.xml
@@ -0,0 +1,170 @@
+<?xml version="1.0" encoding="utf-8"?>
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="108dp"
+    android:height="108dp"
+    android:viewportWidth="108"
+    android:viewportHeight="108">
+    <path
+        android:fillColor="#3DDC84"
+        android:pathData="M0,0h108v108h-108z" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M9,0L9,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,0L19,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,0L29,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,0L39,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,0L49,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,0L59,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,0L69,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,0L79,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M89,0L89,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M99,0L99,108"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,9L108,9"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,19L108,19"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,29L108,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,39L108,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,49L108,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,59L108,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,69L108,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,79L108,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,89L108,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M0,99L108,99"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,29L89,29"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,39L89,39"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,49L89,49"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,59L89,59"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,69L89,69"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M19,79L89,79"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M29,19L29,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M39,19L39,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M49,19L49,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M59,19L59,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M69,19L69,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+    <path
+        android:fillColor="#00000000"
+        android:pathData="M79,19L79,89"
+        android:strokeWidth="0.8"
+        android:strokeColor="#33FFFFFF" />
+</vector>
--- a/android/SherpaOnnxWebSocket/app/src/main/res/layout/activity_main.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/layout/activity_main.xml
@@ -0,0 +1,66 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    tools:context=".MainActivity">
+
+    <TextView
+        android:id="@+id/text_hint"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:text="@string/uri_format"
+        android:gravity="center"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+
+    <EditText
+        android:id="@+id/et_uri"
+        android:layout_width="match_parent"
+        android:layout_height="56dp"
+        android:layout_marginTop="4dp"
+        android:hint="@string/uri_hint"
+        android:gravity="center"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/text_hint" />
+    <Button
+        android:id="@+id/connect_button"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="4dp"
+        android:textAllCaps="false"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/et_uri"
+        android:text="@string/connect" />
+    <Button
+        android:id="@+id/record_button"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="4dp"
+        android:textAllCaps="false"
+        app:layout_constraintLeft_toLeftOf="parent"
+        app:layout_constraintRight_toRightOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/connect_button"
+        android:text="@string/start" />
+
+    <TextView
+        android:id="@+id/my_text"
+        android:layout_width="match_parent"
+        android:layout_height="0dp"
+        android:padding="24dp"
+        android:scrollbars="vertical"
+        android:singleLine="false"
+        android:text="@string/hint"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toBottomOf="@id/record_button" />
+
+
+
+
+</androidx.constraintlayout.widget.ConstraintLayout>
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
+    <background android:drawable="@drawable/ic_launcher_background" />
+    <foreground android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-hdpi/ic_launcher.webp
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-hdpi/ic_launcher.webp
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-mdpi/ic_launcher.webp
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-mdpi/ic_launcher.webp
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xhdpi/ic_launcher.webp
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xhdpi/ic_launcher.webp
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
--- a/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
--- a/android/SherpaOnnxWebSocket/app/src/main/res/values-night/themes.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/values-night/themes.xml
@@ -0,0 +1,16 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Theme.SherpaOnnx" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+        <!-- Primary brand color. -->
+        <item name="colorPrimary">@color/purple_200</item>
+        <item name="colorPrimaryVariant">@color/purple_700</item>
+        <item name="colorOnPrimary">@color/black</item>
+        <!-- Secondary brand color. -->
+        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_200</item>
+        <item name="colorOnSecondary">@color/black</item>
+        <!-- Status bar color. -->
+        <item name="android:statusBarColor">?attr/colorPrimaryVariant</item>
+        <!-- Customize your theme here. -->
+    </style>
+</resources>
--- a/android/SherpaOnnxWebSocket/app/src/main/res/values/colors.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/values/colors.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="purple_200">#FFBB86FC</color>
+    <color name="purple_500">#FF6200EE</color>
+    <color name="purple_700">#FF3700B3</color>
+    <color name="teal_200">#FF03DAC5</color>
+    <color name="teal_700">#FF018786</color>
+    <color name="black">#FF000000</color>
+    <color name="white">#FFFFFFFF</color>
+</resources>
--- a/android/SherpaOnnxWebSocket/app/src/main/res/values/strings.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/values/strings.xml
@@ -0,0 +1,20 @@
+<resources>
+    <string name="app_name">ASR with Next-gen Kaldi</string>
+    <string name="hint">
+        Click the connect button to connect websocket.
+        \n
+        \n\n\n
+        Click the Start button to play speech-to-text with Next-gen Kaldi.
+        \n
+        \n\n\n
+        The source code and pre-trained models are publicly available.
+        Please see https://github.com/k2-fsa/sherpa-onnx for details.
+    </string>
+    <string name="start">Start</string>
+    <string name="stop">Stop</string>
+    <string name="connect">connect</string>
+    <string name="disconnect">disconnect</string>
+    <string name="uri_format">please input uri first,format as follows:\n
+        ws://ip:port or wss://ip:port</string>
+    <string name="uri_hint">please input uri first</string>
+</resources>
--- a/android/SherpaOnnxWebSocket/app/src/main/res/values/themes.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/values/themes.xml
@@ -0,0 +1,16 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Theme.SherpaOnnx" parent="Theme.MaterialComponents.DayNight.DarkActionBar">
+        <!-- Primary brand color. -->
+        <item name="colorPrimary">@color/purple_500</item>
+        <item name="colorPrimaryVariant">@color/purple_700</item>
+        <item name="colorOnPrimary">@color/white</item>
+        <!-- Secondary brand color. -->
+        <item name="colorSecondary">@color/teal_200</item>
+        <item name="colorSecondaryVariant">@color/teal_700</item>
+        <item name="colorOnSecondary">@color/black</item>
+        <!-- Status bar color. -->
+        <item name="android:statusBarColor">?attr/colorPrimaryVariant</item>
+        <!-- Customize your theme here. -->
+    </style>
+</resources>
--- a/android/SherpaOnnxWebSocket/app/src/main/res/xml/backup_rules.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/xml/backup_rules.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample backup rules file; uncomment and customize as necessary.
+   See https://developer.android.com/guide/topics/data/autobackup
+   for details.
+   Note: This file is ignored for devices older that API 31
+   See https://developer.android.com/about/versions/12/backup-restore
+-->
+<full-backup-content>
+    <!--
+   <include domain="sharedpref" path="."/>
+   <exclude domain="sharedpref" path="device.xml"/>
+-->
+</full-backup-content>
--- a/android/SherpaOnnxWebSocket/app/src/main/res/xml/data_extraction_rules.xml
+++ b/android/SherpaOnnxWebSocket/app/src/main/res/xml/data_extraction_rules.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+   Sample data extraction rules file; uncomment and customize as necessary.
+   See https://developer.android.com/about/versions/12/backup-restore#xml-changes
+   for details.
+-->
+<data-extraction-rules>
+    <cloud-backup>
+        <!-- TODO: Use <include> and <exclude> to control what is backed up.
+        <include .../>
+        <exclude .../>
+        -->
+    </cloud-backup>
+    <!--
+    <device-transfer>
+        <include .../>
+        <exclude .../>
+    </device-transfer>
+    -->
+</data-extraction-rules>