()
23 | val transcriptState = viewModel.transcriptState.collectAsState()
24 | val uiEvent = viewModel.uiEvent.collectAsState()
25 | val scope = rememberCoroutineScope()
26 | val snackbarHostState = remember { SnackbarHostState() }
27 |
28 | LaunchedEffect(uiEvent.value) {
29 | uiEvent.value?.let { event ->
30 | when (event) {
31 | is SpeechToTextViewModel.UiEvent.ShowSnackbar -> {
32 | scope.launch {
33 | snackbarHostState.showSnackbar(event.message)
34 | }
35 | viewModel.onUiEventHandled()
36 | }
37 | }
38 | }
39 | }
40 |
41 | AppTheme(
42 | darkTheme = darkTheme,
43 | dynamicColor = dynamicColor,
44 | ) {
45 | AppContent(
46 | snackbarHostState = snackbarHostState,
47 | transcriptState = transcriptState.value,
48 | onLanguageSelected = viewModel::onLanguageSelected,
49 | onClickMic = viewModel::onClickMic,
50 | onClickCopy = viewModel::onClickCopy,
51 |
52 | permissionDialogEvents = object : PermissionDialogEvents {
53 | override fun onDismissRequest() {
54 | viewModel.onDismissRequest()
55 | }
56 |
57 | override fun onClickGoToSettings() {
58 | viewModel.openAppSettings()
59 | }
60 | }
61 | )
62 | }
63 | }
64 |
65 | interface PermissionDialogEvents {
66 | fun onDismissRequest()
67 | fun onClickGoToSettings()
68 | }
--------------------------------------------------------------------------------
/composeApp/src/commonMain/kotlin/presentation/components/AppContent.kt:
--------------------------------------------------------------------------------
1 | package presentation.components
2 |
3 | import PermissionDialogEvents
4 | import androidx.compose.material3.Scaffold
5 | import androidx.compose.material3.SnackbarHost
6 | import androidx.compose.material3.SnackbarHostState
7 | import androidx.compose.runtime.Composable
8 | import androidx.compose.runtime.getValue
9 | import androidx.compose.runtime.mutableStateOf
10 | import androidx.compose.runtime.remember
11 | import androidx.compose.runtime.setValue
12 | import data.ListeningStatus
13 | import data.TranscriptState
14 |
15 | @Composable
16 | fun AppContent(
17 | snackbarHostState: SnackbarHostState,
18 | transcriptState: TranscriptState,
19 | onLanguageSelected: (String) -> Unit,
20 | onClickMic: () -> Unit,
21 | onClickCopy: () -> Unit,
22 | permissionDialogEvents: PermissionDialogEvents
23 | ) {
24 | var showLanguageDialog by remember { mutableStateOf(false) }
25 |
26 | var selectedLanguage by remember {
27 | mutableStateOf(
28 | transcriptState.selectedLanguage
29 | )
30 | }
31 |
32 | if (showLanguageDialog) {
33 | LanguageSelectionDialog(
34 | supportedLanguages = transcriptState.supportedLanguages,
35 | onSelected = {
36 | onLanguageSelected(it)
37 | selectedLanguage = it
38 | showLanguageDialog = false
39 | },
40 | onDismissRequest = {
41 | showLanguageDialog = false
42 | },
43 | selectedLanguage = selectedLanguage
44 | )
45 | }
46 |
47 | if (transcriptState.showPermissionNeedDialog) {
48 | PermissionNeedDialog(
49 | onDismissRequest = {permissionDialogEvents.onDismissRequest()},
50 | onClickGoToSettings = {permissionDialogEvents.onClickGoToSettings()}
51 | )
52 | }
53 |
54 | Scaffold(
55 | snackbarHost = { SnackbarHost(snackbarHostState) },
56 | bottomBar = {
57 | BottomBar(
58 | onClickShowLanguages = {
59 | showLanguageDialog = true
60 | },
61 | onClickMic = {
62 | onClickMic()
63 | },
64 | onClickCopy = {
65 | onClickCopy()
66 | },
67 | isListening = transcriptState.listeningStatus == ListeningStatus.LISTENING
68 | )
69 | }
70 | ) { paddingValues ->
71 | Content(
72 | paddingValues = paddingValues,
73 | transcriptState = transcriptState,
74 | )
75 | }
76 | }
--------------------------------------------------------------------------------
/gradle/libs.versions.toml:
--------------------------------------------------------------------------------
1 | [versions]
2 | agp = "8.2.0"
3 | android-compileSdk = "34"
4 | android-minSdk = "24"
5 | android-targetSdk = "34"
6 | androidx-activityCompose = "1.9.3"
7 | androidx-appcompat = "1.7.0"
8 | androidx-constraintlayout = "2.2.0"
9 | androidx-core-ktx = "1.15.0"
10 | androidx-espresso-core = "3.6.1"
11 | androidx-material = "1.12.0"
12 | androidx-test-junit = "1.2.1"
13 | compose-plugin = "1.6.10"
14 | junit = "4.13.2"
15 | koinCompose = "1.1.2"
16 | koinVersion = "3.5.3"
17 | kotlin = "2.0.0"
18 |
19 | # Koin
20 | koin = "3.6.0-Beta4"
21 | koinComposeMultiplatform = "1.2.0-Beta4"
22 | navigationCompose = "2.8.0-alpha02"
23 | lifecycleViewModel = "2.8.4"
24 |
25 | [libraries]
26 | lifecycle-viewmodel = { module = "androidx.lifecycle:lifecycle-viewmodel", version.ref = "lifecycleViewModel"}
27 | koin-android = { module = "io.insert-koin:koin-android", version.ref = "koin" }
28 | koin-androidx-compose = { module = "io.insert-koin:koin-androidx-compose", version.ref = "koin" }
29 | koin-core = { module = "io.insert-koin:koin-core", version.ref = "koin" }
30 | koin-compose = { module = "io.insert-koin:koin-compose", version.ref = "koinComposeMultiplatform" }
31 | koin-compose-viewmodel = { module = "io.insert-koin:koin-compose-viewmodel", version.ref = "koinComposeMultiplatform" }
32 | kotlin-test = { module = "org.jetbrains.kotlin:kotlin-test", version.ref = "kotlin" }
33 | kotlin-test-junit = { module = "org.jetbrains.kotlin:kotlin-test-junit", version.ref = "kotlin" }
34 | junit = { group = "junit", name = "junit", version.ref = "junit" }
35 | androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "androidx-core-ktx" }
36 | androidx-test-junit = { group = "androidx.test.ext", name = "junit", version.ref = "androidx-test-junit" }
37 | androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "androidx-espresso-core" }
38 | androidx-appcompat = { group = "androidx.appcompat", name = "appcompat", version.ref = "androidx-appcompat" }
39 | androidx-material = { group = "com.google.android.material", name = "material", version.ref = "androidx-material" }
40 | androidx-constraintlayout = { group = "androidx.constraintlayout", name = "constraintlayout", version.ref = "androidx-constraintlayout" }
41 | androidx-activity-compose = { module = "androidx.activity:activity-compose", version.ref = "androidx-activityCompose" }
42 |
43 | [plugins]
44 | androidApplication = { id = "com.android.application", version.ref = "agp" }
45 | androidLibrary = { id = "com.android.library", version.ref = "agp" }
46 | jetbrainsCompose = { id = "org.jetbrains.compose", version.ref = "compose-plugin" }
47 | compose-compiler = { id = "org.jetbrains.kotlin.plugin.compose", version.ref = "kotlin" }
48 | kotlinMultiplatform = { id = "org.jetbrains.kotlin.multiplatform", version.ref = "kotlin" }
--------------------------------------------------------------------------------
/composeApp/build.gradle.kts:
--------------------------------------------------------------------------------
1 | import org.jetbrains.compose.desktop.application.dsl.TargetFormat
2 | import org.jetbrains.kotlin.gradle.ExperimentalKotlinGradlePluginApi
3 | import org.jetbrains.kotlin.gradle.dsl.JvmTarget
4 |
5 | plugins {
6 | alias(libs.plugins.kotlinMultiplatform)
7 | alias(libs.plugins.androidApplication)
8 | alias(libs.plugins.jetbrainsCompose)
9 | alias(libs.plugins.compose.compiler)
10 | }
11 |
12 | kotlin {
13 | androidTarget {
14 | @OptIn(ExperimentalKotlinGradlePluginApi::class)
15 | compilerOptions {
16 | jvmTarget.set(JvmTarget.JVM_11)
17 | }
18 | }
19 |
20 | listOf(
21 | iosX64(),
22 | iosArm64(),
23 | iosSimulatorArm64()
24 | ).forEach { iosTarget ->
25 | iosTarget.binaries.framework {
26 | baseName = "ComposeApp"
27 | isStatic = true
28 | }
29 | }
30 |
31 | sourceSets {
32 |
33 | androidMain.dependencies {
34 | implementation(compose.preview)
35 | implementation(libs.koin.android)
36 | implementation(libs.koin.androidx.compose)
37 | }
38 | commonMain.dependencies {
39 | implementation(compose.runtime)
40 | implementation(compose.foundation)
41 | implementation(compose.material3)
42 | implementation(compose.ui)
43 | implementation(compose.components.resources)
44 | implementation(compose.components.uiToolingPreview)
45 | implementation(compose.materialIconsExtended)
46 | api(libs.koin.core)
47 | implementation(libs.koin.compose)
48 | implementation(libs.koin.compose.viewmodel)
49 | implementation(libs.lifecycle.viewmodel)
50 | }
51 | iosMain.dependencies {
52 |
53 | }
54 | }
55 | }
56 |
57 | android {
58 | namespace = "org.example.speechtotext"
59 | compileSdk = libs.versions.android.compileSdk.get().toInt()
60 |
61 | sourceSets["main"].manifest.srcFile("src/androidMain/AndroidManifest.xml")
62 | sourceSets["main"].res.srcDirs("src/androidMain/res")
63 | sourceSets["main"].resources.srcDirs("src/commonMain/resources")
64 |
65 | defaultConfig {
66 | applicationId = "org.example.speechtotext"
67 | minSdk = libs.versions.android.minSdk.get().toInt()
68 | targetSdk = libs.versions.android.targetSdk.get().toInt()
69 | versionCode = 1
70 | versionName = "1.0"
71 | }
72 | packaging {
73 | resources {
74 | excludes += "/META-INF/{AL2.0,LGPL2.1}"
75 | }
76 | }
77 | buildTypes {
78 | getByName("release") {
79 | isMinifyEnabled = false
80 | }
81 | }
82 | compileOptions {
83 | sourceCompatibility = JavaVersion.VERSION_11
84 | targetCompatibility = JavaVersion.VERSION_11
85 | }
86 | buildFeatures {
87 | compose = true
88 | }
89 | dependencies {
90 | debugImplementation(compose.uiTooling)
91 | }
92 | }
93 |
94 |
--------------------------------------------------------------------------------
/gradlew.bat:
--------------------------------------------------------------------------------
1 | @rem
2 | @rem Copyright 2015 the original author or authors.
3 | @rem
4 | @rem Licensed under the Apache License, Version 2.0 (the "License");
5 | @rem you may not use this file except in compliance with the License.
6 | @rem You may obtain a copy of the License at
7 | @rem
8 | @rem https://www.apache.org/licenses/LICENSE-2.0
9 | @rem
10 | @rem Unless required by applicable law or agreed to in writing, software
11 | @rem distributed under the License is distributed on an "AS IS" BASIS,
12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13 | @rem See the License for the specific language governing permissions and
14 | @rem limitations under the License.
15 | @rem
16 |
17 | @if "%DEBUG%"=="" @echo off
18 | @rem ##########################################################################
19 | @rem
20 | @rem Gradle startup script for Windows
21 | @rem
22 | @rem ##########################################################################
23 |
24 | @rem Set local scope for the variables with windows NT shell
25 | if "%OS%"=="Windows_NT" setlocal
26 |
27 | set DIRNAME=%~dp0
28 | if "%DIRNAME%"=="" set DIRNAME=.
29 | @rem This is normally unused
30 | set APP_BASE_NAME=%~n0
31 | set APP_HOME=%DIRNAME%
32 |
33 | @rem Resolve any "." and ".." in APP_HOME to make it shorter.
34 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
35 |
36 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
37 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
38 |
39 | @rem Find java.exe
40 | if defined JAVA_HOME goto findJavaFromJavaHome
41 |
42 | set JAVA_EXE=java.exe
43 | %JAVA_EXE% -version >NUL 2>&1
44 | if %ERRORLEVEL% equ 0 goto execute
45 |
46 | echo.
47 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
48 | echo.
49 | echo Please set the JAVA_HOME variable in your environment to match the
50 | echo location of your Java installation.
51 |
52 | goto fail
53 |
54 | :findJavaFromJavaHome
55 | set JAVA_HOME=%JAVA_HOME:"=%
56 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe
57 |
58 | if exist "%JAVA_EXE%" goto execute
59 |
60 | echo.
61 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
62 | echo.
63 | echo Please set the JAVA_HOME variable in your environment to match the
64 | echo location of your Java installation.
65 |
66 | goto fail
67 |
68 | :execute
69 | @rem Setup the command line
70 |
71 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
72 |
73 |
74 | @rem Execute Gradle
75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
76 |
77 | :end
78 | @rem End local scope for the variables with windows NT shell
79 | if %ERRORLEVEL% equ 0 goto mainEnd
80 |
81 | :fail
82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
83 | rem the _cmd.exe /c_ return code!
84 | set EXIT_CODE=%ERRORLEVEL%
85 | if %EXIT_CODE% equ 0 set EXIT_CODE=1
86 | if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE%
87 | exit /b %EXIT_CODE%
88 |
89 | :mainEnd
90 | if "%OS%"=="Windows_NT" endlocal
91 |
92 | :omega
93 |
--------------------------------------------------------------------------------
/composeApp/src/commonMain/kotlin/presentation/components/VoiceAnimation.kt:
--------------------------------------------------------------------------------
1 | package presentation.components
2 |
3 | import androidx.compose.animation.animateColor
4 | import androidx.compose.animation.core.FastOutSlowInEasing
5 | import androidx.compose.animation.core.RepeatMode
6 | import androidx.compose.animation.core.animateFloat
7 | import androidx.compose.animation.core.infiniteRepeatable
8 | import androidx.compose.animation.core.rememberInfiniteTransition
9 | import androidx.compose.animation.core.tween
10 | import androidx.compose.foundation.background
11 | import androidx.compose.foundation.layout.Arrangement
12 | import androidx.compose.foundation.layout.Box
13 | import androidx.compose.foundation.layout.Row
14 | import androidx.compose.foundation.layout.Spacer
15 | import androidx.compose.foundation.layout.fillMaxWidth
16 | import androidx.compose.foundation.layout.height
17 | import androidx.compose.foundation.layout.width
18 | import androidx.compose.foundation.shape.RoundedCornerShape
19 | import androidx.compose.material3.MaterialTheme
20 | import androidx.compose.runtime.Composable
21 | import androidx.compose.runtime.getValue
22 | import androidx.compose.ui.Alignment
23 | import androidx.compose.ui.Modifier
24 | import androidx.compose.ui.draw.clip
25 | import androidx.compose.ui.unit.dp
26 |
27 | @Composable
28 | fun VoiceAnimation(isListening: Boolean) {
29 | val infiniteTransition = rememberInfiniteTransition()
30 | val barCount = 5
31 |
32 | Row(
33 | modifier = Modifier
34 | .fillMaxWidth()
35 | .height(100.dp),
36 | horizontalArrangement = Arrangement.Center,
37 | verticalAlignment = Alignment.CenterVertically
38 | ) {
39 | repeat(barCount) { index ->
40 | val delay = index * 100
41 | val animatedHeight by infiniteTransition.animateFloat(
42 | initialValue = 20f,
43 | targetValue = if (isListening) 60f else 20f,
44 | animationSpec = infiniteRepeatable(
45 | animation = tween(
46 | durationMillis = 1000,
47 | delayMillis = delay,
48 | easing = FastOutSlowInEasing
49 | ),
50 | repeatMode = RepeatMode.Reverse
51 | )
52 | )
53 |
54 | val animatedColor by infiniteTransition.animateColor(
55 | initialValue = MaterialTheme.colorScheme.primary.copy(alpha = 0.3f),
56 | targetValue = MaterialTheme.colorScheme.primary,
57 | animationSpec = infiniteRepeatable(
58 | animation = tween(
59 | durationMillis = 1000,
60 | delayMillis = delay,
61 | easing = FastOutSlowInEasing
62 | ),
63 | repeatMode = RepeatMode.Reverse
64 | )
65 | )
66 |
67 | Spacer(modifier = Modifier.width(8.dp))
68 |
69 | Box(
70 | modifier = Modifier
71 | .width(8.dp)
72 | .height(animatedHeight.dp)
73 | .clip(RoundedCornerShape(4.dp))
74 | .background(
75 | if (isListening) animatedColor
76 | else MaterialTheme.colorScheme.surfaceVariant
77 | )
78 | )
79 | }
80 | }
81 | }
--------------------------------------------------------------------------------
/composeApp/src/commonMain/kotlin/presentation/components/Content.kt:
--------------------------------------------------------------------------------
1 | package presentation.components
2 |
3 | import androidx.compose.foundation.background
4 | import androidx.compose.foundation.layout.Arrangement
5 | import androidx.compose.foundation.layout.Box
6 | import androidx.compose.foundation.layout.Column
7 | import androidx.compose.foundation.layout.PaddingValues
8 | import androidx.compose.foundation.layout.Spacer
9 | import androidx.compose.foundation.layout.fillMaxSize
10 | import androidx.compose.foundation.layout.fillMaxWidth
11 | import androidx.compose.foundation.layout.height
12 | import androidx.compose.foundation.layout.padding
13 | import androidx.compose.foundation.rememberScrollState
14 | import androidx.compose.foundation.verticalScroll
15 | import androidx.compose.material3.MaterialTheme
16 | import androidx.compose.material3.Text
17 | import androidx.compose.runtime.Composable
18 | import androidx.compose.runtime.LaunchedEffect
19 | import androidx.compose.ui.Alignment
20 | import androidx.compose.ui.Modifier
21 | import androidx.compose.ui.text.TextStyle
22 | import androidx.compose.ui.text.font.FontFamily
23 | import androidx.compose.ui.text.style.TextAlign
24 | import androidx.compose.ui.unit.TextUnit
25 | import androidx.compose.ui.unit.TextUnitType
26 | import androidx.compose.ui.unit.dp
27 | import androidx.compose.ui.unit.sp
28 | import data.ListeningStatus
29 | import data.TranscriptState
30 |
31 | @Composable
32 | fun Content(
33 | paddingValues: PaddingValues,
34 | transcriptState: TranscriptState
35 | ) {
36 | Column(
37 | modifier = Modifier
38 | .fillMaxSize()
39 | .padding(paddingValues)
40 | .background(
41 | color = MaterialTheme.colorScheme.background
42 | ),
43 | horizontalAlignment = Alignment.CenterHorizontally,
44 | verticalArrangement = Arrangement.SpaceEvenly
45 | ) {
46 | val (result, resultTextColor) = when {
47 | transcriptState.error.isError -> {
48 | "ERROR: ${transcriptState.error.message}" to MaterialTheme.colorScheme.error
49 | }
50 |
51 | transcriptState.transcript != null -> {
52 | transcriptState.transcript to MaterialTheme.colorScheme.onBackground
53 | }
54 |
55 | else -> "" to MaterialTheme.colorScheme.onBackground
56 | }
57 |
58 | val scrollState = rememberScrollState()
59 |
60 | LaunchedEffect(result) {
61 | scrollState.animateScrollTo(scrollState.maxValue)
62 | }
63 |
64 | Box(
65 | modifier = Modifier
66 | .fillMaxWidth()
67 | .height(200.dp)
68 | .padding(
69 | vertical = 5.dp,
70 | horizontal = 10.dp
71 | )
72 | .verticalScroll(scrollState)
73 | ) {
74 | Text(
75 | modifier = Modifier.fillMaxWidth(),
76 | text = if (result.isBlank()) "Start to Listen" else result,
77 | style = TextStyle(
78 | fontSize = 28.sp,
79 | letterSpacing = TextUnit(
80 | 1.5f, TextUnitType.Sp
81 | ),
82 | textAlign = TextAlign.Center,
83 | color = resultTextColor,
84 | fontFamily = FontFamily.Serif,
85 | )
86 | )
87 | }
88 |
89 | VoiceAnimation(transcriptState.listeningStatus == ListeningStatus.LISTENING)
90 |
91 | Spacer(modifier = Modifier.height(30.dp))
92 | }
93 | }
--------------------------------------------------------------------------------
/composeApp/src/commonMain/kotlin/presentation/components/PermissionNeedDialog.kt:
--------------------------------------------------------------------------------
1 | package presentation.components
2 |
3 | import androidx.compose.foundation.layout.Column
4 | import androidx.compose.foundation.layout.Spacer
5 | import androidx.compose.foundation.layout.fillMaxWidth
6 | import androidx.compose.foundation.layout.height
7 | import androidx.compose.foundation.layout.padding
8 | import androidx.compose.foundation.layout.size
9 | import androidx.compose.foundation.shape.RoundedCornerShape
10 | import androidx.compose.material.icons.Icons
11 | import androidx.compose.material.icons.filled.PermCameraMic
12 | import androidx.compose.material3.Button
13 | import androidx.compose.material3.Icon
14 | import androidx.compose.material3.MaterialTheme
15 | import androidx.compose.material3.Surface
16 | import androidx.compose.material3.Text
17 | import androidx.compose.material3.TextButton
18 | import androidx.compose.runtime.Composable
19 | import androidx.compose.ui.Alignment
20 | import androidx.compose.ui.Modifier
21 | import androidx.compose.ui.text.style.TextAlign
22 | import androidx.compose.ui.unit.dp
23 | import androidx.compose.ui.window.Dialog
24 | import getPlatform
25 |
26 | @Composable
27 | fun PermissionNeedDialog(
28 | onDismissRequest: () -> Unit = {},
29 | onClickGoToSettings: () -> Unit = {},
30 | ) {
31 | val isIos = getPlatform().name == "ios"
32 |
33 | Dialog(onDismissRequest = onDismissRequest) {
34 | Surface(
35 | modifier = Modifier
36 | .fillMaxWidth()
37 | .padding(horizontal = 16.dp)
38 | .padding(vertical = 32.dp),
39 | shape = RoundedCornerShape(28.dp),
40 | color = MaterialTheme.colorScheme.surface,
41 | tonalElevation = 6.dp
42 | ) {
43 | Column(
44 | modifier = Modifier.padding(24.dp),
45 | horizontalAlignment = Alignment.CenterHorizontally,
46 | ) {
47 | Icon(
48 | modifier = Modifier.size(80.dp),
49 | imageVector = Icons.Default.PermCameraMic,
50 | contentDescription = "permission_icon",
51 | tint = MaterialTheme.colorScheme.primary
52 | )
53 |
54 | Spacer(modifier = Modifier.height(24.dp))
55 |
56 | Text(
57 | text = "Microphone Permission Required",
58 | style = MaterialTheme.typography.headlineSmall,
59 | color = MaterialTheme.colorScheme.onSurface,
60 | textAlign = TextAlign.Center,
61 | )
62 |
63 | Spacer(modifier = Modifier.height(8.dp))
64 |
65 | Text(
66 | text = if (isIos) {
67 | "To use speech recognition, we need both microphone and speech recognition permissions. Please enable them in Settings:\n\n" +
68 | "1. Allow microphone access\n" +
69 | "2. Enable Speech Recognition"
70 | } else {
71 | "We need microphone permission to enable speech recognition feature. Please go to app settings and enable microphone permission."
72 | },
73 | style = MaterialTheme.typography.bodyMedium,
74 | color = MaterialTheme.colorScheme.onSurfaceVariant,
75 | textAlign = TextAlign.Center,
76 | )
77 |
78 | Spacer(modifier = Modifier.height(24.dp))
79 |
80 | TextButton(
81 | onClick = onDismissRequest,
82 | modifier = Modifier.fillMaxWidth()
83 | ) {
84 | Text(text = "Maybe Later")
85 | }
86 |
87 | Spacer(modifier = Modifier.height(8.dp))
88 |
89 | Button(
90 | onClick = onClickGoToSettings,
91 | modifier = Modifier.fillMaxWidth(),
92 | shape = RoundedCornerShape(16.dp)
93 | ) {
94 | Text(
95 | text = "Go to Settings",
96 | modifier = Modifier.padding(vertical = 4.dp)
97 | )
98 | }
99 | }
100 | }
101 | }
102 | }
--------------------------------------------------------------------------------
/composeApp/src/commonMain/composeResources/drawable/compose-multiplatform.xml:
--------------------------------------------------------------------------------
1 |
6 |
10 |
14 |
18 |
24 |
30 |
36 |
--------------------------------------------------------------------------------
/composeApp/src/androidMain/res/drawable/ic_launcher_background.xml:
--------------------------------------------------------------------------------
1 |
2 |
7 |
10 |
15 |
20 |
25 |
30 |
35 |
40 |
45 |
50 |
55 |
60 |
65 |
70 |
75 |
80 |
85 |
90 |
95 |
100 |
105 |
110 |
115 |
120 |
125 |
130 |
135 |
140 |
145 |
150 |
155 |
160 |
165 |
170 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Speech to Text - Cross-Platform Voice Recognition App
2 |
3 |
4 |
5 | [](https://kotlinlang.org/docs/multiplatform.html)
6 | [](https://www.jetbrains.com/lp/compose-multiplatform/)
7 | []()
8 | [](LICENSE)
9 |
10 | A modern, cross-platform voice recognition application built with Compose Multiplatform, delivering a seamless speech-to-text experience on both iOS and Android platforms.
11 |
12 | [Features](#-features) • [Demo](#-demo) • [Architecture](#-architecture) • [Installation](#-installation) • [Usage](#-usage) • [Contributing](#-contributing)
13 |
14 |
15 |
16 | ## ✨ Features
17 |
18 | ### Core Features
19 | - 📱 Single codebase for iOS and Android platforms
20 | - 🎙️ Real-time speech recognition with high accuracy
21 | - 🌍 Support for 40+ languages worldwide
22 | - 📋 One-tap text copying to clipboard
23 | - 🎨 Modern, intuitive user interface
24 | - 🌓 Light/Dark theme support
25 | - 🔒 Secure microphone permission handling
26 | - ⚡ High-performance native implementation
27 |
28 | ### Platform-Specific Features
29 | - 🤖 **Android**
30 | - Seamless integration with native Speech Recognition API
31 | - Background audio processing
32 | - Runtime permission management
33 | - Optimized for various Android versions
34 |
35 | - 🍎 **iOS**
36 | - Native Speech Framework integration
37 | - Real-time audio buffer processing with AVAudioEngine
38 | - High-quality voice recognition
39 | - Optimized for iOS devices
40 |
41 | ## 🛠️ Technology Stack
42 |
43 | ### Core Technologies
44 | - **Kotlin Multiplatform Mobile (KMM)**
45 | - Share business logic between platforms
46 | - Platform-specific implementations where needed
47 | - Efficient code sharing strategy
48 |
49 | - **Jetpack Compose Multiplatform**
50 | - Modern declarative UI
51 | - Consistent design across platforms
52 | - Rich component library
53 | - Custom composables for specific needs
54 |
55 | - **Dependency Injection**
56 | - Koin for dependency management
57 | - Clean architecture support
58 | - Easy testing capabilities
59 |
60 | ### Platform Integration
61 | - **Android Implementation**
62 | - `SpeechRecognizer` API for native voice recognition
63 | - Android Jetpack libraries
64 | - Material Design 3 components
65 | - Lifecycle-aware components
66 |
67 | - **iOS Implementation**
68 | - `Speech Framework` for native voice processing
69 | - `AVFoundation` for audio handling
70 | - SwiftUI interoperability
71 | - Native iOS UI components
72 |
73 | ## 🏗️ Architecture
74 |
75 | The project follows Clean Architecture principles with MVVM pattern:
76 |
77 | ```
78 | ├── commonMain
79 | │ ├── data
80 | │ │ ├── models
81 | │ ├── presentation
82 | │ │ ├── viewmodel
83 | │ │ └── components
84 | │ ├── platform
85 | │ ├── di
86 | │ │ └── modules
87 | ├── androidMain
88 | │ └── platform
89 | └── iosMain
90 | └── platform
91 | ```
92 |
93 | ## 🚀 Installation
94 |
95 | ### Prerequisites
96 | - Android Studio Arctic Fox or later
97 | - Xcode 13 or later
98 | - JDK 11 or later
99 | - Kotlin Multiplatform Mobile plugin
100 |
101 | ### Setup Steps
102 |
103 | 1. Clone the repository:
104 | ```bash
105 | git clone https://github.com/farukkaraca/speech-to-text-cmp.git
106 | cd speech-to-text-cmp
107 | ```
108 |
109 | 2. Configure platform-specific settings:
110 |
111 | #### Android Setup
112 | ```bash
113 | # Build Android app
114 | ./gradlew :composeApp:assembleDebug
115 |
116 | # Run Android app
117 | ./gradlew :composeApp:installDebug
118 | ```
119 |
120 | #### iOS Setup
121 | ```bash
122 | # Install CocoaPods dependencies
123 | cd iosApp
124 | pod install
125 | # Open Xcode workspace and run
126 | ```
127 |
128 | ## 📱 Usage Guide
129 |
130 | 1. **Initial Setup**
131 | - Launch the application
132 | - Grant microphone permissions when prompted
133 | - Select your preferred language from 40+ options
134 |
135 | 2. **Voice Recognition**
136 | - Tap the microphone button to start recording
137 | - Speak clearly into your device
138 | - Watch as your speech is converted to text in real-time
139 | - Tap again to stop recording
140 |
141 | 3. **Text Management**
142 | - Review the converted text
143 | - Copy text to clipboard with one tap
144 | - Start a new recording session anytime
145 |
146 | 4. **Customization**
147 | - Support light/dark themes
148 | - Change recognition language
149 | - Adjust UI preferences
150 |
151 | ## 🤝 Contributing
152 |
153 | We welcome contributions! Here's how you can help:
154 |
155 | 1. Fork the repository
156 | 2. Create your feature branch:
157 | ```bash
158 | git checkout -b feature/amazing-feature
159 | ```
160 | 3. Commit your changes:
161 | ```bash
162 | git commit -m 'feat: Add amazing feature'
163 | ```
164 | 4. Push to the branch:
165 | ```bash
166 | git push origin feature/amazing-feature
167 | ```
168 | 5. Open a Pull Request
169 |
170 | ### Development Guidelines
171 | - Follow Kotlin coding conventions
172 | - Write unit tests for new features
173 | - Update documentation as needed
174 | - Ensure cross-platform compatibility
175 |
176 | ## 📄 License
177 |
178 | This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
179 |
180 | ## 🙏 Acknowledgments
181 |
182 | - Thanks to the Compose Multiplatform team
183 |
184 | ---
185 |
186 | ## 🎥 Demo
187 |
188 | Watch our application in action on both platforms! These demos showcase the key features including real-time speech recognition, multiple language support, and the seamless user interface.
189 |
190 |
191 |
192 |
193 |
194 | Ios Demo
195 |
196 |
197 | Android demo showing real-time speech recognition and material design UI
198 | |
199 |
200 | Android Demo
201 |
202 |
203 | iOS demo featuring native speech recognition and SwiftUI integration
204 | |
205 |
206 |
207 |