diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..eaf91e2
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,3 @@
+# Default ignored files
+/shelf/
+/workspace.xml
diff --git a/.idea/.name b/.idea/.name
new file mode 100644
index 0000000..9e88da7
--- /dev/null
+++ b/.idea/.name
@@ -0,0 +1 @@
+ProMusic
\ No newline at end of file
diff --git a/.idea/appInsightsSettings.xml b/.idea/appInsightsSettings.xml
new file mode 100644
index 0000000..fd8246c
--- /dev/null
+++ b/.idea/appInsightsSettings.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="AppInsightsSettings">
+    <option name="tabSettings">
+      <map>
+        <entry key="Firebase Crashlytics">
+          <value>
+            <InsightsFilterSettings>
+              <option name="connection">
+                <ConnectionSetting>
+                  <option name="appId" value="PLACEHOLDER" />
+                  <option name="mobileSdkAppId" value="" />
+                  <option name="projectId" value="" />
+                  <option name="projectNumber" value="" />
+                </ConnectionSetting>
+              </option>
+              <option name="signal" value="SIGNAL_UNSPECIFIED" />
+              <option name="timeIntervalDays" value="THIRTY_DAYS" />
+              <option name="visibilityType" value="ALL" />
+            </InsightsFilterSettings>
+          </value>
+        </entry>
+      </map>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/compiler.xml b/.idea/compiler.xml
new file mode 100644
index 0000000..8fabff5
--- /dev/null
+++ b/.idea/compiler.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="CompilerConfiguration">
+    <bytecodeTargetLevel target="17" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/deploymentTargetDropDown.xml b/.idea/deploymentTargetDropDown.xml
new file mode 100644
index 0000000..9a986ae
--- /dev/null
+++ b/.idea/deploymentTargetDropDown.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="deploymentTargetDropDown">
+    <value>
+      <entry key="app">
+        <State />
+      </entry>
+    </value>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
new file mode 100644
index 0000000..0b0534c
--- /dev/null
+++ b/.idea/gradle.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
+  <component name="GradleSettings">
+    <option name="linkedExternalProjectsSettings">
+      <GradleProjectSettings>
+        <option name="externalProjectPath" value="$PROJECT_DIR$" />
+        <option name="gradleJvm" value="#GRADLE_LOCAL_JAVA_HOME" />
+        <option name="modules">
+          <set>
+            <option value="$PROJECT_DIR$" />
+            <option value="$PROJECT_DIR$/app" />
+          </set>
+        </option>
+        <option name="resolveExternalAnnotations" value="false" />
+      </GradleProjectSettings>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/kotlinc.xml b/.idea/kotlinc.xml
new file mode 100644
index 0000000..5493a6c
--- /dev/null
+++ b/.idea/kotlinc.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="KotlinJpsPluginSettings">
+    <option name="version" value="1.9.22" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/migrations.xml b/.idea/migrations.xml
new file mode 100644
index 0000000..48052b2
--- /dev/null
+++ b/.idea/migrations.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectMigrations">
+    <option name="MigrateToGradleLocalJavaHome">
+      <set>
+        <option value="$PROJECT_DIR$" />
+      </set>
+    </option>
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/misc.xml b/.idea/misc.xml
new file mode 100644
index 0000000..8978d23
--- /dev/null
+++ b/.idea/misc.xml
@@ -0,0 +1,9 @@
+<project version="4">
+  <component name="ExternalStorageConfigurationManager" enabled="true" />
+  <component name="ProjectRootManager" version="2" languageLevel="JDK_17" default="true" project-jdk-name="jbr-17" project-jdk-type="JavaSDK">
+    <output url="file://$PROJECT_DIR$/build/classes" />
+  </component>
+  <component name="ProjectType">
+    <option name="id" value="Android" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..94a25f7
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>
\ No newline at end of file
diff --git a/app/.gitignore b/app/.gitignore
new file mode 100644
index 0000000..42afabf
--- /dev/null
+++ b/app/.gitignore
@@ -0,0 +1 @@
+/build
\ No newline at end of file
diff --git a/app/build.gradle.kts b/app/build.gradle.kts
new file mode 100644
index 0000000..dc8e03d
--- /dev/null
+++ b/app/build.gradle.kts
@@ -0,0 +1,67 @@
+plugins {
+    id("com.android.application")
+    id("org.jetbrains.kotlin.android")
+    id("kotlin-kapt")
+}
+
+android {
+    namespace = "com.kitobochi.softapp.task.noisetimber"
+    compileSdk = 34
+
+    defaultConfig {
+        applicationId = "com.offline.proMusic.player"
+        minSdk = 24
+        targetSdk = 34
+        versionCode = 1
+        versionName = "1.0"
+
+        testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+
+        setProperty("archivesBaseName", "Musicoo_${defaultConfig.versionName}(${defaultConfig.versionCode})")
+    }
+
+    buildTypes {
+        release {
+            isMinifyEnabled = false
+            proguardFiles(getDefaultProguardFile("proguard-android-optimize.txt"), "proguard-rules.pro")
+        }
+    }
+    compileOptions {
+        sourceCompatibility = JavaVersion.VERSION_1_8
+        targetCompatibility = JavaVersion.VERSION_1_8
+    }
+    kotlinOptions {
+        jvmTarget = "1.8"
+    }
+    buildFeatures {
+        viewBinding = true
+        buildConfig = true
+    }
+}
+
+dependencies {
+
+
+    implementation("androidx.core:core-ktx:1.12.0")
+    implementation("androidx.appcompat:appcompat:1.6.1")
+    implementation("com.google.android.material:material:1.11.0")
+    implementation("androidx.constraintlayout:constraintlayout:2.1.4")
+    implementation("androidx.media3:media3-session:1.3.1")
+    testImplementation("junit:junit:4.13.2")
+    androidTestImplementation("androidx.test.ext:junit:1.1.5")
+    androidTestImplementation("androidx.test.espresso:espresso-core:3.5.1")
+    implementation("com.github.bumptech.glide:glide:4.16.0")
+    implementation("androidx.room:room-ktx:2.6.1")
+    implementation("androidx.room:room-runtime:2.6.1")
+    //noinspection KaptUsageInsteadOfKsp
+    kapt("androidx.room:room-compiler:2.6.1")
+    implementation("com.geyifeng.immersionbar:immersionbar:3.2.2")
+    implementation("com.geyifeng.immersionbar:immersionbar-ktx:3.2.2")
+    implementation("com.github.lihangleo2:ShadowLayout:3.4.0")
+
+    implementation(libs.androidx.media3.exoplayer)
+    implementation(libs.androidx.media3.ui)
+    implementation(libs.androidx.media3.common)
+    implementation(libs.androidx.lifecycle.livedata.ktx)
+    implementation(libs.androidx.lifecycle.viewmodel.ktx)
+}
\ No newline at end of file
diff --git a/app/proguard-rules.pro b/app/proguard-rules.pro
new file mode 100644
index 0000000..cf50408
--- /dev/null
+++ b/app/proguard-rules.pro
@@ -0,0 +1,22 @@
+# Add project specific ProGuard rules here.
+# You can control the set of applied configuration files using the
+# proguardFiles setting in build.gradle.
+#
+# For more details, see
+#   http://developer.android.com/guide/developing/tools/proguard.html
+
+# If your project uses WebView with JS, uncomment the following
+# and specify the fully qualified class name to the JavaScript interface
+# class:
+#-keepclassmembers class fqcn.of.javascript.interface.for.webview {
+#   public *;
+#}
+
+# Uncomment this to preserve the line number information for
+# debugging stack traces.
+#-keepattributes SourceFile,LineNumberTable
+
+# If you keep the line number information, uncomment this to
+# hide the original source file name.
+#-renamesourcefileattribute SourceFile
+
diff --git a/app/src/androidTest/java/com/kitobochi/softapp/task/noisetimber/ExampleInstrumentedTest.kt b/app/src/androidTest/java/com/kitobochi/softapp/task/noisetimber/ExampleInstrumentedTest.kt
new file mode 100644
index 0000000..773c5bf
--- /dev/null
+++ b/app/src/androidTest/java/com/kitobochi/softapp/task/noisetimber/ExampleInstrumentedTest.kt
@@ -0,0 +1,24 @@
+package com.kitobochi.softapp.task.noisetimber
+
+import androidx.test.platform.app.InstrumentationRegistry
+import androidx.test.ext.junit.runners.AndroidJUnit4
+
+import org.junit.Test
+import org.junit.runner.RunWith
+
+import org.junit.Assert.*
+
+/**
+ * Instrumented test, which will execute on an Android device.
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+@RunWith(AndroidJUnit4::class)
+class ExampleInstrumentedTest {
+    @Test
+    fun useAppContext() {
+        // Context of the app under test.
+        val appContext = InstrumentationRegistry.getInstrumentation().targetContext
+        assertEquals("com.kitobochi.softapp.task.noisetimber", appContext.packageName)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
new file mode 100644
index 0000000..02045e2
--- /dev/null
+++ b/app/src/main/AndroidManifest.xml
@@ -0,0 +1,62 @@
+<?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.INTERNET" />
+    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
+    <uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
+    <uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
+    <uses-permission android:name="android.permission.READ_MEDIA_AUDIO" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE_MEDIA_PLAYBACK" />
+    <uses-permission android:name="android.permission.POST_NOTIFICATIONS" />
+    <uses-permission android:name="android.permission.FOREGROUND_SERVICE_DATA_SYNC" />
+    <uses-permission android:name="android.permission.RECEIVE_BOOT_COMPLETED" />
+    <uses-permission android:name="android.permission.WAKE_LOCK" />
+
+    <application
+        android:name=".ProApp"
+        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.NoiseTimber"
+        tools:targetApi="31">
+
+        <activity
+            android:name=".ui.activity.LaunchActivity"
+            android:exported="true"
+            android:screenOrientation="portrait">
+            <intent-filter>
+                <action android:name="android.intent.action.MAIN" />
+
+                <category android:name="android.intent.category.LAUNCHER" />
+            </intent-filter>
+        </activity>
+        <activity
+            android:name=".ui.activity.MainActivity"
+            android:screenOrientation="portrait" />
+        <activity
+            android:name=".ui.activity.PlayDetailsActivity"
+            android:screenOrientation="portrait" />
+        <activity
+            android:name=".ui.activity.AboutActivity"
+            android:screenOrientation="portrait" />
+
+        <service
+            android:name=".service.LocalPlaybackService"
+            android:exported="true"
+            android:foregroundServiceType="mediaPlayback">
+            <intent-filter>
+                <action android:name="androidx.media3.session.MediaSessionService" />
+                <action android:name="android.media.browse.MediaBrowserService" />
+            </intent-filter>
+        </service>
+
+    </application>
+
+</manifest>
\ No newline at end of file
diff --git a/app/src/main/assets/Sound of instrument data/Boil water.mp3 b/app/src/main/assets/Sound of instrument data/Boil water.mp3
new file mode 100644
index 0000000..1a70485
Binary files /dev/null and b/app/src/main/assets/Sound of instrument data/Boil water.mp3 differ
diff --git a/app/src/main/assets/Sound of instrument data/Bubble.mp3 b/app/src/main/assets/Sound of instrument data/Bubble.mp3
new file mode 100644
index 0000000..da41208
Binary files /dev/null and b/app/src/main/assets/Sound of instrument data/Bubble.mp3 differ
diff --git a/app/src/main/assets/Sound of instrument data/Guitar sound.mp3 b/app/src/main/assets/Sound of instrument data/Guitar sound.mp3
new file mode 100644
index 0000000..eb73026
Binary files /dev/null and b/app/src/main/assets/Sound of instrument data/Guitar sound.mp3 differ
diff --git a/app/src/main/assets/Sound of instrument data/Motorcycle.mp3 b/app/src/main/assets/Sound of instrument data/Motorcycle.mp3
new file mode 100644
index 0000000..fc67043
Binary files /dev/null and b/app/src/main/assets/Sound of instrument data/Motorcycle.mp3 differ
diff --git a/app/src/main/assets/Sound of instrument data/Pencil.mp3 b/app/src/main/assets/Sound of instrument data/Pencil.mp3
new file mode 100644
index 0000000..d820c06
Binary files /dev/null and b/app/src/main/assets/Sound of instrument data/Pencil.mp3 differ
diff --git a/app/src/main/assets/Sound of instrument data/Piano.mp3 b/app/src/main/assets/Sound of instrument data/Piano.mp3
new file mode 100644
index 0000000..907823a
Binary files /dev/null and b/app/src/main/assets/Sound of instrument data/Piano.mp3 differ
diff --git a/app/src/main/assets/Sound of instrument data/Sea breeze.mp3 b/app/src/main/assets/Sound of instrument data/Sea breeze.mp3
new file mode 100644
index 0000000..071c0f2
Binary files /dev/null and b/app/src/main/assets/Sound of instrument data/Sea breeze.mp3 differ
diff --git a/app/src/main/assets/Sound of instrument data/Sheep eating grass.mp3 b/app/src/main/assets/Sound of instrument data/Sheep eating grass.mp3
new file mode 100644
index 0000000..d2cd5ee
Binary files /dev/null and b/app/src/main/assets/Sound of instrument data/Sheep eating grass.mp3 differ
diff --git a/app/src/main/assets/Sound of instrument data/The sound of mixing cup.mp3 b/app/src/main/assets/Sound of instrument data/The sound of mixing cup.mp3
new file mode 100644
index 0000000..0af9b46
Binary files /dev/null and b/app/src/main/assets/Sound of instrument data/The sound of mixing cup.mp3 differ
diff --git a/app/src/main/assets/Sound of instrument/Boil water.png b/app/src/main/assets/Sound of instrument/Boil water.png
new file mode 100644
index 0000000..57e3287
Binary files /dev/null and b/app/src/main/assets/Sound of instrument/Boil water.png differ
diff --git a/app/src/main/assets/Sound of instrument/Bubble.png b/app/src/main/assets/Sound of instrument/Bubble.png
new file mode 100644
index 0000000..5154916
Binary files /dev/null and b/app/src/main/assets/Sound of instrument/Bubble.png differ
diff --git a/app/src/main/assets/Sound of instrument/Guitar sound.jpg b/app/src/main/assets/Sound of instrument/Guitar sound.jpg
new file mode 100644
index 0000000..be1088d
Binary files /dev/null and b/app/src/main/assets/Sound of instrument/Guitar sound.jpg differ
diff --git a/app/src/main/assets/Sound of instrument/Motorcycle.png b/app/src/main/assets/Sound of instrument/Motorcycle.png
new file mode 100644
index 0000000..5bb44dc
Binary files /dev/null and b/app/src/main/assets/Sound of instrument/Motorcycle.png differ
diff --git a/app/src/main/assets/Sound of instrument/Pencil.png b/app/src/main/assets/Sound of instrument/Pencil.png
new file mode 100644
index 0000000..0b68f0d
Binary files /dev/null and b/app/src/main/assets/Sound of instrument/Pencil.png differ
diff --git a/app/src/main/assets/Sound of instrument/Piano.png b/app/src/main/assets/Sound of instrument/Piano.png
new file mode 100644
index 0000000..6a52892
Binary files /dev/null and b/app/src/main/assets/Sound of instrument/Piano.png differ
diff --git a/app/src/main/assets/Sound of instrument/Sea breeze.png b/app/src/main/assets/Sound of instrument/Sea breeze.png
new file mode 100644
index 0000000..693efca
Binary files /dev/null and b/app/src/main/assets/Sound of instrument/Sea breeze.png differ
diff --git a/app/src/main/assets/Sound of instrument/Sheep eating grass.png b/app/src/main/assets/Sound of instrument/Sheep eating grass.png
new file mode 100644
index 0000000..ca57da9
Binary files /dev/null and b/app/src/main/assets/Sound of instrument/Sheep eating grass.png differ
diff --git a/app/src/main/assets/Sound of instrument/The sound of mixing cup.png b/app/src/main/assets/Sound of instrument/The sound of mixing cup.png
new file mode 100644
index 0000000..bc61963
Binary files /dev/null and b/app/src/main/assets/Sound of instrument/The sound of mixing cup.png differ
diff --git a/app/src/main/assets/Voice of Nature data/Birdsong.mp3 b/app/src/main/assets/Voice of Nature data/Birdsong.mp3
new file mode 100644
index 0000000..632867b
Binary files /dev/null and b/app/src/main/assets/Voice of Nature data/Birdsong.mp3 differ
diff --git a/app/src/main/assets/Voice of Nature data/Early morning.mp3 b/app/src/main/assets/Voice of Nature data/Early morning.mp3
new file mode 100644
index 0000000..da41208
Binary files /dev/null and b/app/src/main/assets/Voice of Nature data/Early morning.mp3 differ
diff --git a/app/src/main/assets/Voice of Nature data/Frog croaking.mp3 b/app/src/main/assets/Voice of Nature data/Frog croaking.mp3
new file mode 100644
index 0000000..d12b4cf
Binary files /dev/null and b/app/src/main/assets/Voice of Nature data/Frog croaking.mp3 differ
diff --git a/app/src/main/assets/Voice of Nature data/High -speed stream.mp3 b/app/src/main/assets/Voice of Nature data/High -speed stream.mp3
new file mode 100644
index 0000000..df354c1
Binary files /dev/null and b/app/src/main/assets/Voice of Nature data/High -speed stream.mp3 differ
diff --git a/app/src/main/assets/Voice of Nature data/Lightning Storm.mp3 b/app/src/main/assets/Voice of Nature data/Lightning Storm.mp3
new file mode 100644
index 0000000..0f3fcea
Binary files /dev/null and b/app/src/main/assets/Voice of Nature data/Lightning Storm.mp3 differ
diff --git a/app/src/main/assets/Voice of Nature data/Rain falls in the leaves.mp3 b/app/src/main/assets/Voice of Nature data/Rain falls in the leaves.mp3
new file mode 100644
index 0000000..93eca42
Binary files /dev/null and b/app/src/main/assets/Voice of Nature data/Rain falls in the leaves.mp3 differ
diff --git a/app/src/main/assets/Voice of Nature data/Wind blow.mp3 b/app/src/main/assets/Voice of Nature data/Wind blow.mp3
new file mode 100644
index 0000000..305e67e
Binary files /dev/null and b/app/src/main/assets/Voice of Nature data/Wind blow.mp3 differ
diff --git a/app/src/main/assets/Voice of Nature/Birdsong.png b/app/src/main/assets/Voice of Nature/Birdsong.png
new file mode 100644
index 0000000..f47b610
Binary files /dev/null and b/app/src/main/assets/Voice of Nature/Birdsong.png differ
diff --git a/app/src/main/assets/Voice of Nature/Early morning.png b/app/src/main/assets/Voice of Nature/Early morning.png
new file mode 100644
index 0000000..2fc5592
Binary files /dev/null and b/app/src/main/assets/Voice of Nature/Early morning.png differ
diff --git a/app/src/main/assets/Voice of Nature/Frog croaking.png b/app/src/main/assets/Voice of Nature/Frog croaking.png
new file mode 100644
index 0000000..16899c6
Binary files /dev/null and b/app/src/main/assets/Voice of Nature/Frog croaking.png differ
diff --git a/app/src/main/assets/Voice of Nature/High -speed stream.jpg b/app/src/main/assets/Voice of Nature/High -speed stream.jpg
new file mode 100644
index 0000000..cf47bd2
Binary files /dev/null and b/app/src/main/assets/Voice of Nature/High -speed stream.jpg differ
diff --git a/app/src/main/assets/Voice of Nature/Lightning Storm.png b/app/src/main/assets/Voice of Nature/Lightning Storm.png
new file mode 100644
index 0000000..b6054de
Binary files /dev/null and b/app/src/main/assets/Voice of Nature/Lightning Storm.png differ
diff --git a/app/src/main/assets/Voice of Nature/Rain falls in the leaves.png b/app/src/main/assets/Voice of Nature/Rain falls in the leaves.png
new file mode 100644
index 0000000..f0699dc
Binary files /dev/null and b/app/src/main/assets/Voice of Nature/Rain falls in the leaves.png differ
diff --git a/app/src/main/assets/Voice of Nature/Wind blow.jpg b/app/src/main/assets/Voice of Nature/Wind blow.jpg
new file mode 100644
index 0000000..ab123d3
Binary files /dev/null and b/app/src/main/assets/Voice of Nature/Wind blow.jpg differ
diff --git a/app/src/main/assets/White noise data/Big Ben.mp3 b/app/src/main/assets/White noise data/Big Ben.mp3
new file mode 100644
index 0000000..28fe426
Binary files /dev/null and b/app/src/main/assets/White noise data/Big Ben.mp3 differ
diff --git a/app/src/main/assets/White noise data/Hair Dryer.mp3 b/app/src/main/assets/White noise data/Hair Dryer.mp3
new file mode 100644
index 0000000..68c9613
Binary files /dev/null and b/app/src/main/assets/White noise data/Hair Dryer.mp3 differ
diff --git a/app/src/main/assets/White noise data/Mechanical failure.mp3 b/app/src/main/assets/White noise data/Mechanical failure.mp3
new file mode 100644
index 0000000..c287e26
Binary files /dev/null and b/app/src/main/assets/White noise data/Mechanical failure.mp3 differ
diff --git a/app/src/main/assets/White noise data/Peeling an apple.mp3 b/app/src/main/assets/White noise data/Peeling an apple.mp3
new file mode 100644
index 0000000..d2cd5ee
Binary files /dev/null and b/app/src/main/assets/White noise data/Peeling an apple.mp3 differ
diff --git a/app/src/main/assets/White noise data/Rhythm.mp3 b/app/src/main/assets/White noise data/Rhythm.mp3
new file mode 100644
index 0000000..6a6c371
Binary files /dev/null and b/app/src/main/assets/White noise data/Rhythm.mp3 differ
diff --git a/app/src/main/assets/White noise data/Speed car.mp3 b/app/src/main/assets/White noise data/Speed car.mp3
new file mode 100644
index 0000000..1aafa72
Binary files /dev/null and b/app/src/main/assets/White noise data/Speed car.mp3 differ
diff --git a/app/src/main/assets/White noise data/Type writer.mp3 b/app/src/main/assets/White noise data/Type writer.mp3
new file mode 100644
index 0000000..673b3a1
Binary files /dev/null and b/app/src/main/assets/White noise data/Type writer.mp3 differ
diff --git a/app/src/main/assets/White noise data/Voltage wire.mp3 b/app/src/main/assets/White noise data/Voltage wire.mp3
new file mode 100644
index 0000000..e53ed7a
Binary files /dev/null and b/app/src/main/assets/White noise data/Voltage wire.mp3 differ
diff --git a/app/src/main/assets/White noise data/Wooden Door.mp3 b/app/src/main/assets/White noise data/Wooden Door.mp3
new file mode 100644
index 0000000..f977129
Binary files /dev/null and b/app/src/main/assets/White noise data/Wooden Door.mp3 differ
diff --git a/app/src/main/assets/White noise/Big Ben.jpg b/app/src/main/assets/White noise/Big Ben.jpg
new file mode 100644
index 0000000..90fd49d
Binary files /dev/null and b/app/src/main/assets/White noise/Big Ben.jpg differ
diff --git a/app/src/main/assets/White noise/Hair Dryer.png b/app/src/main/assets/White noise/Hair Dryer.png
new file mode 100644
index 0000000..86c945f
Binary files /dev/null and b/app/src/main/assets/White noise/Hair Dryer.png differ
diff --git a/app/src/main/assets/White noise/Mechanical failure.png b/app/src/main/assets/White noise/Mechanical failure.png
new file mode 100644
index 0000000..be569d1
Binary files /dev/null and b/app/src/main/assets/White noise/Mechanical failure.png differ
diff --git a/app/src/main/assets/White noise/Peeling an apple.png b/app/src/main/assets/White noise/Peeling an apple.png
new file mode 100644
index 0000000..b3d8594
Binary files /dev/null and b/app/src/main/assets/White noise/Peeling an apple.png differ
diff --git a/app/src/main/assets/White noise/Rhythm.jpg b/app/src/main/assets/White noise/Rhythm.jpg
new file mode 100644
index 0000000..aceddff
Binary files /dev/null and b/app/src/main/assets/White noise/Rhythm.jpg differ
diff --git a/app/src/main/assets/White noise/Speed car.png b/app/src/main/assets/White noise/Speed car.png
new file mode 100644
index 0000000..c727b27
Binary files /dev/null and b/app/src/main/assets/White noise/Speed car.png differ
diff --git a/app/src/main/assets/White noise/Type writer.png b/app/src/main/assets/White noise/Type writer.png
new file mode 100644
index 0000000..7386783
Binary files /dev/null and b/app/src/main/assets/White noise/Type writer.png differ
diff --git a/app/src/main/assets/White noise/Voltage wire.jpg b/app/src/main/assets/White noise/Voltage wire.jpg
new file mode 100644
index 0000000..597a474
Binary files /dev/null and b/app/src/main/assets/White noise/Voltage wire.jpg differ
diff --git a/app/src/main/assets/White noise/Wooden Door.png b/app/src/main/assets/White noise/Wooden Door.png
new file mode 100644
index 0000000..9ecd5ed
Binary files /dev/null and b/app/src/main/assets/White noise/Wooden Door.png differ
diff --git a/app/src/main/assets/resources.json b/app/src/main/assets/resources.json
new file mode 100644
index 0000000..a01c698
--- /dev/null
+++ b/app/src/main/assets/resources.json
@@ -0,0 +1,143 @@
+{
+  "categories": [
+    {
+      "name": "Sound of instrument",
+      "audios": [
+        {
+          "name": "Mixing cup",
+          "file": "Sound of instrument data/The sound of mixing cup.mp3",
+          "image": "Sound of instrument/The sound of mixing cup.png"
+        },
+        {
+          "name": "Sheep eating grass",
+          "file": "Sound of instrument data/Sheep eating grass.mp3",
+          "image": "Sound of instrument/Sheep eating grass.png"
+        },
+        {
+          "name": "Motorcycle",
+          "file": "Sound of instrument data/Motorcycle.mp3",
+          "image": "Sound of instrument/Motorcycle.png"
+        },
+        {
+          "name": "Bubble",
+          "file": "Sound of instrument data/Bubble.mp3",
+          "image": "Sound of instrument/Bubble.png"
+        },
+        {
+          "name": "Pencil",
+          "file": "Sound of instrument data/Pencil.mp3",
+          "image": "Sound of instrument/Pencil.png"
+        },
+        {
+          "name": "Boil water",
+          "file": "Sound of instrument data/Boil water.mp3",
+          "image": "Sound of instrument/Boil water.png"
+        },
+        {
+          "name": "Sea breeze",
+          "file": "Sound of instrument data/Sea breeze.mp3",
+          "image": "Sound of instrument/Sea breeze.png"
+        },
+        {
+          "name": "Guitar sound",
+          "file": "Sound of instrument data/Guitar sound.mp3",
+          "image": "Sound of instrument/Guitar sound.jpg"
+        },
+        {
+          "name": "Piano",
+          "file": "Sound of instrument data/Piano.mp3",
+          "image": "Sound of instrument/Piano.png"
+        }
+      ]
+    },
+    {
+      "name": "White noise",
+      "audios": [
+        {
+          "name": "Type writer",
+          "file": "White noise data/Type writer.mp3",
+          "image": "White noise/Type writer.png"
+        },
+        {
+          "name": "Hair Dryer",
+          "file": "White noise data/Hair Dryer.mp3",
+          "image": "White noise/Hair Dryer.png"
+        },
+        {
+          "name": "Wooden Door",
+          "file": "White noise data/Wooden Door.mp3",
+          "image": "White noise/Wooden Door.png"
+        },
+        {
+          "name": "Peeling an apple",
+          "file": "White noise data/Peeling an apple.mp3",
+          "image": "White noise/Peeling an apple.png"
+        },
+        {
+          "name": "Big Ben",
+          "file": "White noise data/Big Ben.mp3",
+          "image": "White noise/Big Ben.jpg"
+        },
+        {
+          "name": "Voltage wire",
+          "file": "White noise data/Voltage wire.mp3",
+          "image": "White noise/Voltage wire.jpg"
+        },
+        {
+          "name": "Mechanical failure",
+          "file": "White noise data/Mechanical failure.mp3",
+          "image": "White noise/Mechanical failure.png"
+        },
+        {
+          "name": "Rhythm",
+          "file": "White noise data/Rhythm.mp3",
+          "image": "White noise/Rhythm.jpg"
+        },{
+          "name": "Speed car",
+          "file": "White noise data/Speed car.mp3",
+          "image": "White noise/Speed car.png"
+        }
+      ]
+    },
+    {
+      "name": "Voice of Nature",
+      "audios": [
+        {
+          "name": "Birdsong",
+          "file": "Voice of Nature data/Birdsong.mp3",
+          "image": "Voice of Nature/Birdsong.png"
+        },
+        {
+          "name": "Lightning Storm",
+          "file": "Voice of Nature data/Lightning Storm.mp3",
+          "image": "Voice of Nature/Lightning Storm.png"
+        },
+        {
+          "name": "High -speed stream",
+          "file": "Voice of Nature data/High -speed stream.mp3",
+          "image": "Voice of Nature/High -speed stream.jpg"
+        },
+        {
+          "name": "Frog croaking",
+          "file": "Voice of Nature data/Frog croaking.mp3",
+          "image": "Voice of Nature/Frog croaking.png"
+        },
+        {
+          "name": "Early morning",
+          "file": "Voice of Nature data/Early morning.mp3",
+          "image": "Voice of Nature/Early morning.png"
+        },
+        {
+          "name": "Rain falls in the leaves",
+          "file": "Voice of Nature data/Rain falls in the leaves.mp3",
+          "image": "Voice of Nature/Rain falls in the leaves.png"
+        },
+        {
+          "name": "Wind blow",
+          "file": "Voice of Nature data/Wind blow.mp3",
+          "image": "Voice of Nature/Wind blow.jpg"
+        }
+      ]
+    }
+  ]
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ProApp.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ProApp.kt
new file mode 100644
index 0000000..7cc42d2
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ProApp.kt
@@ -0,0 +1,109 @@
+package com.kitobochi.softapp.task.noisetimber
+
+import android.app.Application
+import android.content.Context
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.db.bean.CurrentPlayingAudio
+import com.kitobochi.softapp.task.noisetimber.db.bean.ResourcesList
+import com.kitobochi.softapp.task.noisetimber.db.tools.CurrentAudioManager
+import com.kitobochi.softapp.task.noisetimber.db.tools.DatabaseManager
+import com.kitobochi.softapp.task.noisetimber.tools.media.MediaControllerManager
+import com.kitobochi.softapp.task.noisetimber.tools.parseResources
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+import kotlinx.coroutines.withContext
+import java.io.BufferedReader
+import java.io.InputStreamReader
+
+class ProApp : Application() {
+    companion object {
+        lateinit var appContext: Context
+        lateinit var proApp: ProApp
+            private set
+        lateinit var currentAudioManager: CurrentAudioManager
+            private set
+        lateinit var databaseManager: DatabaseManager
+            private set
+        var currentPlayingAudio: CurrentPlayingAudio? = null
+            private set
+        lateinit var importList: List<Audio>
+            private set
+        lateinit var resourcesList: ResourcesList
+            private set
+
+        lateinit var realHumanVoiceList: List<Audio>
+            private set
+
+        lateinit var soundsOfAppliancesList: List<Audio>
+            private set
+
+        lateinit var soundsOfNatureList: List<Audio>
+            private set
+
+        private var isInitialized = false
+
+        fun initialize(context: Context) {
+            if (!isInitialized) {
+                val jsonString = readAssetsFile(context)
+                resourcesList = parseResources(context, jsonString)
+                splitResourcesList()
+                isInitialized = true
+            }
+        }
+
+        fun initCurrentPlayingAudio() {
+            CoroutineScope(Dispatchers.IO).launch {
+                currentPlayingAudio = currentAudioManager.getCurrentPlayingAudio()
+            }
+        }
+
+        fun initImportAudio(callback: (List<Audio>) -> Unit = {}) {
+            CoroutineScope(Dispatchers.IO).launch {
+                importList = databaseManager.getAllAudioFiles()
+                withContext(Dispatchers.Main) {
+                    callback(importList)
+                }
+            }
+        }
+
+        private fun readAssetsFile(context: Context): String {
+            val assetManager = context.assets
+            val inputStream = assetManager.open("resources.json")
+            val bufferedReader = BufferedReader(InputStreamReader(inputStream))
+            val stringBuilder = StringBuilder()
+            var line: String?
+            while (bufferedReader.readLine().also { line = it } != null) {
+                stringBuilder.append(line)
+            }
+            return stringBuilder.toString()
+        }
+
+        private fun splitResourcesList() {
+            realHumanVoiceList = mutableListOf()
+            soundsOfAppliancesList = mutableListOf()
+            soundsOfNatureList = mutableListOf()
+
+            for (category in resourcesList.categories) {
+                when (category.name) {
+                    "Sound of instrument" -> realHumanVoiceList = category.audios
+                    "White noise" -> soundsOfAppliancesList = category.audios
+                    "Voice of Nature" -> soundsOfNatureList = category.audios
+                }
+            }
+        }
+    }
+
+    override fun onCreate() {
+        super.onCreate()
+        proApp = this
+        appContext = this
+        initialize(this)
+        MediaControllerManager.init(this)
+        currentAudioManager = CurrentAudioManager.getInstance(this)
+        databaseManager = DatabaseManager.getInstance(this)
+        initCurrentPlayingAudio()
+        initImportAudio()
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/Audio.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/Audio.kt
new file mode 100644
index 0000000..602ae37
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/Audio.kt
@@ -0,0 +1,21 @@
+package com.kitobochi.softapp.task.noisetimber.db.bean
+
+import androidx.annotation.Keep
+import androidx.room.ColumnInfo
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+import java.io.Serializable
+
+@Keep
+@Entity
+data class Audio(
+    @ColumnInfo(name = "name") var name: String,
+    @ColumnInfo(name = "file") var file: String,
+    @ColumnInfo(name = "image") var image: String,
+    @ColumnInfo(name = "duration") var duration: Long,
+    @ColumnInfo(name = "selected") var selected: Boolean,
+    @ColumnInfo(name = "collect") var collect: Boolean = false
+) : Serializable {
+    @PrimaryKey(autoGenerate = true)
+    var id: Long = 0
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/Category.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/Category.kt
new file mode 100644
index 0000000..1cd22da
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/Category.kt
@@ -0,0 +1,8 @@
+package com.kitobochi.softapp.task.noisetimber.db.bean
+
+import java.io.Serializable
+
+data class Category(
+    val name: String,
+    val audios: List<Audio>
+) : Serializable
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/CurrentPlayingAudio.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/CurrentPlayingAudio.kt
new file mode 100644
index 0000000..f9851a9
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/CurrentPlayingAudio.kt
@@ -0,0 +1,15 @@
+package com.kitobochi.softapp.task.noisetimber.db.bean
+
+import androidx.room.ColumnInfo
+import androidx.room.Entity
+import androidx.room.PrimaryKey
+
+@Entity(tableName = "current_playing_audio")
+data class CurrentPlayingAudio(
+    @PrimaryKey(autoGenerate = true) val id: Long = 0,
+    @ColumnInfo(name = "name") val name: String,
+    @ColumnInfo(name = "file") val file: String,
+    @ColumnInfo(name = "image") val image: String,
+    @ColumnInfo(name = "duration") var duration: Long,
+    @ColumnInfo(name = "selected") val selected: Boolean
+)
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/CurrentPlayingAudioDao.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/CurrentPlayingAudioDao.kt
new file mode 100644
index 0000000..0f36241
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/CurrentPlayingAudioDao.kt
@@ -0,0 +1,23 @@
+package com.kitobochi.softapp.task.noisetimber.db.bean
+
+import androidx.room.Dao
+import androidx.room.Delete
+import androidx.room.Insert
+import androidx.room.OnConflictStrategy
+import androidx.room.Query
+import androidx.room.Update
+
+@Dao
+interface CurrentPlayingAudioDao {
+    @Query("SELECT * FROM current_playing_audio LIMIT 1")
+    suspend fun getCurrentPlayingAudio(): CurrentPlayingAudio?
+
+    @Insert(onConflict = OnConflictStrategy.REPLACE)
+    suspend fun insertCurrentPlayingAudio(audio: CurrentPlayingAudio)
+
+    @Update
+    suspend fun updateCurrentPlayingAudio(audio: CurrentPlayingAudio)
+
+    @Delete
+    suspend fun deleteCurrentPlayingAudio(audio: CurrentPlayingAudio)
+}
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/LocalAudioDao.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/LocalAudioDao.kt
new file mode 100644
index 0000000..005628a
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/LocalAudioDao.kt
@@ -0,0 +1,42 @@
+package com.kitobochi.softapp.task.noisetimber.db.bean
+
+import androidx.room.Dao
+import androidx.room.Delete
+import androidx.room.Insert
+import androidx.room.OnConflictStrategy
+import androidx.room.Query
+import androidx.room.Update
+
+@Dao
+interface LocalAudioDao {
+
+    @Insert(onConflict = OnConflictStrategy.REPLACE)
+    suspend fun insertAudioFile(barcode: Audio)
+
+    @Insert(onConflict = OnConflictStrategy.REPLACE)
+    suspend fun insertAudioFiles(audios: List<Audio>)
+
+    @Query("SELECT * FROM Audio")
+    suspend fun getAllAudioFile(): List<Audio>
+
+    @Delete
+    suspend fun deleteAudioFile(barcode: Audio)
+
+    @Query("DELETE FROM Audio")
+    suspend fun deleteAllAudioFile()
+
+    @Update
+    suspend fun updateAudioFile(audioFile: Audio)
+
+    @Query("SELECT * FROM Audio WHERE name = :path LIMIT 1")
+    suspend fun getAudioFileByPath(path: String): Audio?
+
+    @Query("SELECT * FROM Audio WHERE selected = 1")
+    suspend fun getAudioBySelected(): List<Audio>
+
+    @Query("update Audio set collect = 0")
+    suspend fun deleteAllCollect()
+
+    @Query("select * from Audio where collect = :collect ")
+    suspend fun getCollectData(collect: Boolean = true): List<Audio>
+}
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/ResourcesList.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/ResourcesList.kt
new file mode 100644
index 0000000..e2e62c9
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/bean/ResourcesList.kt
@@ -0,0 +1,7 @@
+package com.kitobochi.softapp.task.noisetimber.db.bean
+
+import java.io.Serializable
+
+data class ResourcesList(
+    val categories: List<Category>
+) : Serializable
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/AppDatabase.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/AppDatabase.kt
new file mode 100644
index 0000000..b199ba2
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/AppDatabase.kt
@@ -0,0 +1,12 @@
+
+package com.kitobochi.softapp.task.noisetimber.db.tools
+
+import androidx.room.Database
+import androidx.room.RoomDatabase
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.db.bean.LocalAudioDao
+
+@Database(entities = [Audio::class], version = 1, exportSchema = false)
+abstract class AppDatabase : RoomDatabase() {
+    abstract fun localAudioDao(): LocalAudioDao
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/CollectViewModel.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/CollectViewModel.kt
new file mode 100644
index 0000000..13c7907
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/CollectViewModel.kt
@@ -0,0 +1,38 @@
+package com.kitobochi.softapp.task.noisetimber.db.tools
+
+import androidx.lifecycle.MutableLiveData
+import androidx.lifecycle.ViewModel
+import androidx.lifecycle.viewModelScope
+import androidx.room.Room
+import com.kitobochi.softapp.task.noisetimber.ProApp
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import kotlinx.coroutines.launch
+
+class CollectViewModel : ViewModel() {
+    private var likeData: MutableLiveData<List<Audio>> = MutableLiveData<List<Audio>>()
+
+    private val database = Room.databaseBuilder(
+        ProApp.appContext, AppDatabase::class.java, "local_audio_viewer_database"
+    ).build()
+
+    private val audioFileDao = database.localAudioDao()
+
+    init {
+        viewModelScope.launch {
+            likeData.value = audioFileDao.getCollectData()
+        }
+    }
+
+    fun update() {
+        viewModelScope.launch {
+            likeData.value = audioFileDao.getCollectData()
+        }
+    }
+
+    fun getList() = likeData
+
+    override fun onCleared() {
+        super.onCleared()
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/CurrentAudioDatabase.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/CurrentAudioDatabase.kt
new file mode 100644
index 0000000..dc05213
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/CurrentAudioDatabase.kt
@@ -0,0 +1,12 @@
+
+package com.kitobochi.softapp.task.noisetimber.db.tools
+
+import androidx.room.Database
+import androidx.room.RoomDatabase
+import com.kitobochi.softapp.task.noisetimber.db.bean.CurrentPlayingAudio
+import com.kitobochi.softapp.task.noisetimber.db.bean.CurrentPlayingAudioDao
+
+@Database(entities = [CurrentPlayingAudio::class], version = 1, exportSchema = false)
+abstract class CurrentAudioDatabase : RoomDatabase() {
+    abstract fun currentPlayingAudioDao(): CurrentPlayingAudioDao
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/CurrentAudioManager.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/CurrentAudioManager.kt
new file mode 100644
index 0000000..dc58e7f
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/CurrentAudioManager.kt
@@ -0,0 +1,40 @@
+package com.kitobochi.softapp.task.noisetimber.db.tools
+
+import android.content.Context
+import androidx.room.Room
+import com.kitobochi.softapp.task.noisetimber.db.bean.CurrentPlayingAudio
+import com.kitobochi.softapp.task.noisetimber.db.bean.CurrentPlayingAudioDao
+
+class CurrentAudioManager private constructor(context: Context) {
+    private val database: CurrentAudioDatabase = Room.databaseBuilder(
+        context.applicationContext,
+        CurrentAudioDatabase::class.java, "current_audio_app_database"
+    ).build()
+
+    private val currentPlayingAudioDao: CurrentPlayingAudioDao = database.currentPlayingAudioDao()
+
+    suspend fun getCurrentPlayingAudio(): CurrentPlayingAudio? {
+        return currentPlayingAudioDao.getCurrentPlayingAudio()
+    }
+
+    suspend fun setCurrentPlayingAudio(audio: CurrentPlayingAudio) {
+        val currentAudio = getCurrentPlayingAudio()
+        if (currentAudio == null) {
+            currentPlayingAudioDao.insertCurrentPlayingAudio(audio)
+        } else {
+            // 如果已有数据，先删除现有数据，然后再插入新数据
+            currentPlayingAudioDao.deleteCurrentPlayingAudio(currentAudio)
+            currentPlayingAudioDao.insertCurrentPlayingAudio(audio)
+        }
+    }
+
+    companion object {
+        @Volatile private var instance: CurrentAudioManager? = null
+
+        fun getInstance(context: Context): CurrentAudioManager {
+            return instance ?: synchronized(this) {
+                instance ?: CurrentAudioManager(context).also { instance = it }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/DatabaseManager.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/DatabaseManager.kt
new file mode 100644
index 0000000..5326cc8
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/db/tools/DatabaseManager.kt
@@ -0,0 +1,84 @@
+package com.kitobochi.softapp.task.noisetimber.db.tools
+
+import android.content.Context
+import androidx.room.Room
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.withContext
+
+class DatabaseManager private constructor(context: Context) {
+
+    private val database = Room.databaseBuilder(
+        context.applicationContext,
+        AppDatabase::class.java, "local_audio_viewer_database"
+    ).build()
+
+    private val audioFileDao = database.localAudioDao()
+
+    suspend fun insertAudioFile(audio: Audio) {
+        withContext(Dispatchers.IO) {
+            val existingAudioFile = getAudioFileByPath(audio.name)
+            if (existingAudioFile == null) {
+                audioFileDao.insertAudioFile(audio)
+            } else {
+                audioFileDao.updateAudioFile(audio)
+            }
+        }
+    }
+
+    suspend fun insertAudioFiles(audios: List<Audio>) {
+        withContext(Dispatchers.IO) {
+            for (audio in audios) {
+                val existingAudioFile = getAudioFileByPath(audio.file)
+                if (existingAudioFile == null) {
+                    audioFileDao.insertAudioFile(audio)
+                } else {
+                    audioFileDao.updateAudioFile(audio)
+                }
+            }
+        }
+    }
+
+    suspend fun getAllAudioFiles(): List<Audio> {
+        return withContext(Dispatchers.IO) {
+            audioFileDao.getAllAudioFile()
+        }
+    }
+
+    suspend fun deleteAudioFile(audioFile: Audio) {
+        withContext(Dispatchers.IO) {
+            audioFileDao.deleteAudioFile(audioFile)
+        }
+    }
+
+    suspend fun deleteAllAudioFiles() {
+        withContext(Dispatchers.IO) {
+            audioFileDao.deleteAllAudioFile()
+        }
+    }
+
+    suspend fun updateAudioFiles(audioFile: Audio) {
+        withContext(Dispatchers.IO) {
+            audioFileDao.updateAudioFile(audioFile)
+        }
+    }
+
+    suspend fun getAudioFileByPath(path: String): Audio? {
+        return audioFileDao.getAudioFileByPath(path)
+    }
+
+    suspend fun getAudioBySelect(): List<Audio> {
+        return audioFileDao.getAudioBySelected()
+    }
+
+    companion object {
+        @Volatile
+        private var instance: DatabaseManager? = null
+
+        fun getInstance(context: Context): DatabaseManager {
+            return instance ?: synchronized(this) {
+                instance ?: DatabaseManager(context).also { instance = it }
+            }
+        }
+    }
+}
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/service/LocalPlaybackService.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/service/LocalPlaybackService.kt
new file mode 100644
index 0000000..e346d5d
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/service/LocalPlaybackService.kt
@@ -0,0 +1,54 @@
+package com.kitobochi.softapp.task.noisetimber.service
+
+import android.content.Intent
+import androidx.media3.common.Player
+import androidx.media3.common.util.UnstableApi
+import androidx.media3.exoplayer.ExoPlayer
+import androidx.media3.session.MediaSession
+import androidx.media3.session.MediaSessionService
+
+
+@UnstableApi
+class LocalPlaybackService : MediaSessionService() {
+
+    private var mediaSession: MediaSession? = null
+
+    // Create your player and media session in the onCreate lifecycle event
+    override fun onCreate() {
+        super.onCreate()
+
+        val player = ExoPlayer.Builder(this).build()
+        mediaSession = MediaSession.Builder(this, player)
+            .build()
+
+
+//        setMediaNotificationProvider(MyMediaNotificationProvider(this))
+
+    }
+
+    // The user dismissed the app from the recent tasks
+    override fun onTaskRemoved(rootIntent: Intent?) {
+        val player = mediaSession?.player!!
+        if (!player.playWhenReady
+            || player.mediaItemCount == 0
+            || player.playbackState == Player.STATE_ENDED
+        ) {
+            // Stop the service if not playing, continue playing in the background
+            // otherwise.
+            stopSelf()
+        }
+    }
+
+    override fun onGetSession(controllerInfo: MediaSession.ControllerInfo): MediaSession? =
+        mediaSession
+
+    // Remember to release the player and media session in onDestroy
+    override fun onDestroy() {
+        mediaSession?.run {
+            player.release()
+            release()
+            mediaSession = null
+        }
+        super.onDestroy()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/ConvertUtil.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/ConvertUtil.kt
new file mode 100644
index 0000000..131a1fe
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/ConvertUtil.kt
@@ -0,0 +1,21 @@
+package com.kitobochi.softapp.task.noisetimber.tools
+
+import android.content.Context
+import android.content.pm.PackageManager
+
+fun convertMillisToMinutesAndSecondsString(millis: Long): String {
+    val totalSeconds = millis / 1000
+    val minutes = (totalSeconds / 60).toInt()
+    val seconds = (totalSeconds % 60).toInt()
+    return String.format("%02d:%02d", minutes, seconds)
+}
+
+fun getAppVersion(context: Context): String {
+    return try {
+        val pInfo = context.packageManager.getPackageInfo(context.packageName, 0)
+        pInfo.versionName
+    } catch (e: PackageManager.NameNotFoundException) {
+        e.printStackTrace()
+        "N/A"
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/GridSpacingItemDecoration.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/GridSpacingItemDecoration.kt
new file mode 100644
index 0000000..52fe7a2
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/GridSpacingItemDecoration.kt
@@ -0,0 +1,29 @@
+package com.kitobochi.softapp.task.noisetimber.tools
+
+import android.content.Context
+import android.graphics.Rect
+import android.view.View
+import androidx.recyclerview.widget.RecyclerView
+
+class GridSpacingItemDecoration(
+    private val context: Context,
+    private val spacing: Int,
+    private val spanCount: Int
+) : RecyclerView.ItemDecoration() {
+
+    override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
+        val position = parent.getChildAdapterPosition(view)
+        val column = position % spanCount
+
+        if (spanCount > 1) {
+            outRect.left = spacing - column * spacing / spanCount
+            outRect.right = (column + 1) * spacing / spanCount
+
+            if (position < spanCount) {
+                outRect.top = spacing
+            }
+            outRect.bottom = spacing
+        }
+    }
+}
+
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/HorizontalSpaceItemDecoration.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/HorizontalSpaceItemDecoration.kt
new file mode 100644
index 0000000..fa3d700
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/HorizontalSpaceItemDecoration.kt
@@ -0,0 +1,31 @@
+package com.kitobochi.softapp.task.noisetimber.tools
+
+import android.content.Context
+import android.graphics.Rect
+import android.view.View
+import androidx.recyclerview.widget.RecyclerView
+
+class HorizontalSpaceItemDecoration(private val context: Context) : RecyclerView.ItemDecoration() {
+    private val defaultSpacing: Int
+    private val lastItemSpacing: Int
+
+    init {
+        val density = context.resources.displayMetrics.density
+        defaultSpacing = (8 * density).toInt()
+        lastItemSpacing = (16 * density).toInt()
+    }
+
+    override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
+        super.getItemOffsets(outRect, view, parent, state)
+
+        val position = parent.getChildAdapterPosition(view)
+        val itemCount = parent.adapter?.itemCount ?: 0
+
+        // 设置间隔，除了最后一个item外，其余item的右边都有间隔
+        if (position < itemCount - 1) {
+            outRect.right = defaultSpacing
+        } else {
+            outRect.right = lastItemSpacing
+        }
+    }
+}
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/OpenUrlUtil.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/OpenUrlUtil.kt
new file mode 100644
index 0000000..e3622fc
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/OpenUrlUtil.kt
@@ -0,0 +1,46 @@
+package com.kitobochi.softapp.task.noisetimber.tools
+
+import android.content.ActivityNotFoundException
+import android.content.Context
+import android.content.Intent
+import android.net.Uri
+import android.widget.Toast
+
+const val PRIVACY_POLICY_URL = "https://promusicapp.mystrikingly.com/privacy\n"
+const val TERMS_OF_SERVICE_URL = "https://promusicapp.mystrikingly.com/terms"
+
+const val EMAIL = "vivien11520@gmail.com"
+
+fun openPrivacyPolicy(context: Context, privacyPolicyUrl: String) {
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse(privacyPolicyUrl))
+    context.startActivity(intent)
+}
+
+fun openTermsOfService(context: Context, termsOfServiceUrl: String) {
+    val intent = Intent(Intent.ACTION_VIEW, Uri.parse(termsOfServiceUrl))
+    context.startActivity(intent)
+}
+
+fun shareApp(context: Context) {
+    val appPackageName = context.packageName
+    val appName = context.applicationInfo.loadLabel(context.packageManager).toString()
+    val appPlayStoreLink = "https://play.google.com/store/apps/details?id=$appPackageName"
+
+    val shareIntent = Intent(Intent.ACTION_SEND)
+    shareIntent.type = "text/plain"
+    shareIntent.putExtra(Intent.EXTRA_SUBJECT, "Check out this app: $appName")
+    shareIntent.putExtra(Intent.EXTRA_TEXT, "Download $appName from Google Play: $appPlayStoreLink")
+    context.startActivity(Intent.createChooser(shareIntent, "Share $appName via"))
+}
+
+fun sendFeedback(context: Context, email: String, subject: String) {
+    val emailIntent = Intent(Intent.ACTION_SEND)
+    emailIntent.type = "message/rfc822"
+    emailIntent.putExtra(Intent.EXTRA_EMAIL, arrayOf(email))
+    emailIntent.putExtra(Intent.EXTRA_SUBJECT, subject)
+    try {
+        context.startActivity(Intent.createChooser(emailIntent, "Send Feedback"))
+    } catch (ex: ActivityNotFoundException) {
+        Toast.makeText(context,"There is no app that supports sending emails",Toast.LENGTH_LONG).show()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/ResourcesMusicUtil.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/ResourcesMusicUtil.kt
new file mode 100644
index 0000000..b3fd7cd
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/ResourcesMusicUtil.kt
@@ -0,0 +1,68 @@
+package com.kitobochi.softapp.task.noisetimber.tools
+
+import android.content.Context
+import android.database.Cursor
+import android.media.MediaMetadataRetriever
+import android.net.Uri
+import android.provider.MediaStore
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.db.bean.Category
+import com.kitobochi.softapp.task.noisetimber.db.bean.ResourcesList
+import org.json.JSONObject
+import java.io.File
+import java.io.InputStream
+
+fun parseResources(context: Context, jsonString: String): ResourcesList {
+    val jsonObject = JSONObject(jsonString)
+    val categoriesArray = jsonObject.getJSONArray("categories")
+    val categories = mutableListOf<Category>()
+
+    for (i in 0 until categoriesArray.length()) {
+        val categoryObject = categoriesArray.getJSONObject(i)
+        val categoryName = categoryObject.getString("name")
+        val audiosArray = categoryObject.getJSONArray("audios")
+        val audios = mutableListOf<Audio>()
+
+        for (j in 0 until audiosArray.length()) {
+            val audioObject = audiosArray.getJSONObject(j)
+            val audioName = audioObject.getString("name")
+            val audioFile = audioObject.getString("file")
+            val audioImage = audioObject.getString("image")
+            val audio = Audio(
+                audioName,
+                audioFile,
+                audioImage,
+                getAudioDurationFromAssets(context, audioFile),
+                false
+            )
+            audios.add(audio)
+        }
+
+        val category = Category(categoryName, audios)
+        categories.add(category)
+    }
+
+    return ResourcesList(categories)
+}
+
+fun getAudioDurationFromAssets(context: Context, fileName: String): Long {
+    val assetFileDescriptor = context.assets.openFd(fileName)
+    val retriever = MediaMetadataRetriever()
+    retriever.setDataSource(
+        assetFileDescriptor.fileDescriptor,
+        assetFileDescriptor.startOffset,
+        assetFileDescriptor.length
+    )
+
+    val durationString = retriever.extractMetadata(MediaMetadataRetriever.METADATA_KEY_DURATION)
+    val duration = durationString?.toLong() ?: 0
+
+    retriever.release()
+    assetFileDescriptor.close()
+
+    return duration
+}
+
+fun containsContent(str: String): Boolean {
+    return str.contains("content://")
+}
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/media/MediaControllerManager.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/media/MediaControllerManager.kt
new file mode 100644
index 0000000..58aa116
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/media/MediaControllerManager.kt
@@ -0,0 +1,175 @@
+package com.kitobochi.softapp.task.noisetimber.tools.media
+
+import android.content.ComponentName
+import android.content.Context
+import android.net.Uri
+import androidx.media3.common.MediaItem
+import androidx.media3.common.MediaMetadata
+import androidx.media3.common.Player
+import androidx.media3.session.MediaController
+import androidx.media3.session.SessionToken
+import com.google.common.util.concurrent.ListenableFuture
+import com.google.common.util.concurrent.MoreExecutors
+import com.kitobochi.softapp.task.noisetimber.ProApp
+import com.kitobochi.softapp.task.noisetimber.R
+
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.db.bean.CurrentPlayingAudio
+import com.kitobochi.softapp.task.noisetimber.service.LocalPlaybackService
+import com.kitobochi.softapp.task.noisetimber.tools.containsContent
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+import kotlinx.coroutines.withContext
+
+
+//LOGO
+object MediaControllerManager {
+    private var mediaController: MediaController? = null
+    private var controllerFuture: ListenableFuture<MediaController>? = null
+    private var currentAudioFile = ""
+
+    fun init(context: Context) {
+        val sessionToken =
+            SessionToken(context, ComponentName(context, LocalPlaybackService::class.java))
+        controllerFuture = MediaController.Builder(context, sessionToken).buildAsync()
+        controllerFuture?.addListener({
+            mediaController = controllerFuture?.get()
+        }, MoreExecutors.directExecutor())
+    }
+
+    fun getController(): MediaController? {
+        return if (mediaController != null && mediaController!!.isConnected) {
+            mediaController
+        } else {
+            null
+        }
+    }
+
+    fun setupMedia(context: Context, audio: Audio, listener: Player.Listener) {
+        if (currentAudioFile != audio.file) {
+            currentAudioFile = audio.file
+
+            val uri: Uri? = if (containsContent(audio.file)) {
+                Uri.parse(audio.file)
+            } else {
+                Uri.parse("file:///android_asset/$currentAudioFile")
+            }
+            val resourceId = R.mipmap.ic_launcher
+            val imgUri: Uri? = if (audio.image.isNotEmpty()) {
+                Uri.parse("file:///android_asset/${audio.image}")
+            } else {
+                Uri.parse("android.resource://${context.packageName}/$resourceId")
+            }
+
+            val mediaItem =
+                MediaItem.Builder()
+                    .setUri(uri)
+                    .setMediaMetadata(
+                        MediaMetadata.Builder()
+                            .setArtist(audio.name)
+                            .setTitle(audio.name)
+                            .setArtworkUri(imgUri)
+                            .build()
+                    )
+                    .build()
+            if (isConnected()) {
+                mediaController?.let {
+                    it.addListener(listener)
+                    it.setMediaItem(mediaItem)
+                    it.repeatMode = Player.REPEAT_MODE_ONE
+                    it.prepare()
+                    it.play()
+                    val currentPlayingAudio =
+                        CurrentPlayingAudio(
+                            audio.id,
+                            audio.name,
+                            audio.file,
+                            audio.image,
+                            audio.duration,
+                            false
+                        )
+                    CoroutineScope(Dispatchers.IO).launch {
+                        ProApp.currentAudioManager.setCurrentPlayingAudio(currentPlayingAudio)
+                        withContext(Dispatchers.Main) {
+                            ProApp.initCurrentPlayingAudio()//更新到入口变量中
+                        }
+                    }
+                }
+            }
+        }
+    }
+
+    fun setupMedia(context: Context, audio: CurrentPlayingAudio, listener: Player.Listener) {
+        if (currentAudioFile != audio.file) {
+            currentAudioFile = audio.file
+
+            val uri: Uri? = if (containsContent(audio.file)) {
+                Uri.parse(audio.file)
+            } else {
+                Uri.parse("file:///android_asset/$currentAudioFile")
+            }
+            val resourceId = R.mipmap.ic_launcher
+            val imgUri: Uri? = if (audio.image.isNotEmpty()) {
+                Uri.parse("file:///android_asset/${audio.image}")
+            } else {
+                Uri.parse("android.resource://${context.packageName}/$resourceId")
+            }
+
+//            val uri = Uri.parse("file:///android_asset/$currentAudioFile")
+////            val mediaItem = MediaItem.fromUri(uri)
+//            val imgUri = Uri.parse("file:///android_asset/${audio.image}")
+            val mediaItem =
+                MediaItem.Builder()
+                    .setUri(uri)
+                    .setMediaMetadata(
+                        MediaMetadata.Builder()
+                            .setArtist(audio.name)
+                            .setTitle(audio.name)
+                            .setArtworkUri(imgUri)
+                            .build()
+                    )
+                    .build()
+            if (isConnected()) {
+                mediaController?.let {
+                    it.addListener(listener)
+                    it.setMediaItem(mediaItem)
+                    it.repeatMode = Player.REPEAT_MODE_ONE
+                    it.prepare()
+                    it.play()
+                    val currentPlayingAudio =
+                        CurrentPlayingAudio(
+                            audio.id,
+                            audio.name,
+                            audio.file,
+                            audio.image,
+                            audio.duration,
+                            false
+                        )
+                    CoroutineScope(Dispatchers.IO).launch {
+                        ProApp.currentAudioManager.setCurrentPlayingAudio(currentPlayingAudio)
+                        withContext(Dispatchers.Main) {
+                            ProApp.initCurrentPlayingAudio()//更新到入口变量中
+                        }
+                    }
+
+                }
+            }
+        }
+    }
+
+    fun isConnected(): Boolean {
+        mediaController?.let {
+            return it.isConnected
+        }
+        return false
+    }
+
+
+    fun isPlaying(): Boolean {
+        mediaController?.let {
+            return it.isPlaying
+        }
+        return false
+    }
+}
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/sp/SharedPreferencesHelper.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/sp/SharedPreferencesHelper.kt
new file mode 100644
index 0000000..8c369c9
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/tools/sp/SharedPreferencesHelper.kt
@@ -0,0 +1,66 @@
+package com.kitobochi.softapp.task.noisetimber.tools.sp
+
+import android.content.Context
+import android.content.SharedPreferences
+import androidx.core.content.edit
+import kotlin.properties.ReadWriteProperty
+import kotlin.reflect.KProperty
+
+class SharedPreferencesHelper(context: Context) {
+    companion object {
+        const val CURRENT_PLAYING_AUDIO = "current_playing_audio"
+    }
+
+    private val preferences: SharedPreferences =  context.getSharedPreferences(context.packageName, Context.MODE_PRIVATE)
+
+    var currentPlayingAudio: Boolean by preferences.boolean(
+        key = CURRENT_PLAYING_AUDIO,
+        defaultValue = false
+    )
+
+    private inline fun <reified T : Any> SharedPreferences.boolean(
+        key: String,
+        defaultValue: T
+    ): ReadWriteProperty<Any, T> {
+        return object : ReadWriteProperty<Any, T> {
+            override fun getValue(thisRef: Any, property: KProperty<*>): T {
+                return when (T::class) {
+                    Boolean::class -> getBoolean(key, defaultValue as Boolean) as T
+                    else -> throw IllegalArgumentException("Unsupported type")
+                }
+            }
+
+            override fun setValue(thisRef: Any, property: KProperty<*>, value: T) {
+                edit {
+                    when (T::class) {
+                        Boolean::class -> putBoolean(key, value as Boolean)
+                        else -> throw IllegalArgumentException("Unsupported type")
+                    }
+                }
+            }
+        }
+    }
+
+    private inline fun <reified T : Any> SharedPreferences.string(
+        key: String,
+        defaultValue: T
+    ): ReadWriteProperty<Any, T> {
+        return object : ReadWriteProperty<Any, T> {
+            override fun getValue(thisRef: Any, property: KProperty<*>): T {
+                return when (T::class) {
+                    String::class -> getString(key, defaultValue as String) as T
+                    else -> throw IllegalArgumentException("Unsupported type")
+                }
+            }
+
+            override fun setValue(thisRef: Any, property: KProperty<*>, value: T) {
+                edit {
+                    when (T::class) {
+                        String::class -> putString(key, value as String)
+                        else -> throw IllegalArgumentException("Unsupported type")
+                    }
+                }
+            }
+        }
+    }
+}
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/AboutActivity.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/AboutActivity.kt
new file mode 100644
index 0000000..6fa3ea6
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/AboutActivity.kt
@@ -0,0 +1,27 @@
+package com.kitobochi.softapp.task.noisetimber.ui.activity
+
+import android.os.Bundle
+import com.gyf.immersionbar.ktx.immersionBar
+import com.kitobochi.softapp.task.noisetimber.databinding.ActivityAboutBinding
+
+import com.kitobochi.softapp.task.noisetimber.tools.getAppVersion
+
+class AboutActivity : BaseActivity() {
+
+    private lateinit var binding: ActivityAboutBinding
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivityAboutBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+        immersionBar {
+            statusBarDarkFont(false)
+            statusBarView(binding.view)
+        }
+        binding.versionTv.text = "Version: " + getAppVersion(this)
+        binding.backBtn.setOnClickListener {
+            finish()
+        }
+    }
+
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/BaseActivity.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/BaseActivity.kt
new file mode 100644
index 0000000..f10c2ec
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/BaseActivity.kt
@@ -0,0 +1,16 @@
+package com.kitobochi.softapp.task.noisetimber.ui.activity
+
+import android.os.Bundle
+import androidx.appcompat.app.AppCompatActivity
+
+open class BaseActivity : AppCompatActivity() {
+
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+    }
+
+    override fun onStart() {
+        super.onStart()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/LaunchActivity.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/LaunchActivity.kt
new file mode 100644
index 0000000..094c2c9
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/LaunchActivity.kt
@@ -0,0 +1,42 @@
+package com.kitobochi.softapp.task.noisetimber.ui.activity
+
+import android.content.Intent
+import android.os.Bundle
+import com.gyf.immersionbar.ktx.immersionBar
+import com.kitobochi.softapp.task.noisetimber.databinding.ActivityLaunchBinding
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.delay
+import kotlinx.coroutines.launch
+
+class LaunchActivity : BaseActivity() {
+    private lateinit var binding: ActivityLaunchBinding
+    private val coroutineScope = CoroutineScope(Dispatchers.Main)
+    private val countTime: Long = 3000
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivityLaunchBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+        initImmersionBar()
+        initTimer()
+    }
+
+    private fun initImmersionBar() {
+        immersionBar {
+            statusBarDarkFont(true)
+            fullScreen(true)
+        }
+    }
+    private fun initTimer() {
+        coroutineScope.launch {
+            delay(countTime)
+            startMainActivity()
+        }
+    }
+
+    private fun startMainActivity() {
+        val intent = Intent(this, MainActivity::class.java)
+        startActivity(intent)
+        finish()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/MainActivity.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/MainActivity.kt
new file mode 100644
index 0000000..386006c
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/MainActivity.kt
@@ -0,0 +1,250 @@
+package com.kitobochi.softapp.task.noisetimber.ui.activity
+
+import android.content.Intent
+import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
+import android.os.Message
+import android.view.View
+import android.widget.Toast
+import androidx.fragment.app.Fragment
+import androidx.fragment.app.FragmentTransaction
+import androidx.media3.common.Player
+import com.bumptech.glide.Glide
+import com.kitobochi.softapp.task.noisetimber.ProApp
+import com.kitobochi.softapp.task.noisetimber.R
+import com.kitobochi.softapp.task.noisetimber.databinding.ActivityMainBinding
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.tools.getAudioDurationFromAssets
+import com.kitobochi.softapp.task.noisetimber.tools.media.MediaControllerManager
+import com.kitobochi.softapp.task.noisetimber.ui.fragment.HomeFragment
+import com.kitobochi.softapp.task.noisetimber.ui.fragment.MeFragment
+import com.kitobochi.softapp.task.noisetimber.ui.fragment.SettingsFragment
+
+class MainActivity : BaseActivity() {
+    private lateinit var binding: ActivityMainBinding
+    private val mFragments: MutableList<Fragment> = ArrayList()
+    private var currentIndex: Int = 0
+    private var mCurrentFragment: Fragment? = null
+
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivityMainBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+        initView()
+    }
+
+    private fun initView() {
+        initClick()
+        initFragment()
+    }
+
+    override fun onResume() {
+        super.onResume()
+        val currentPlayer = MediaControllerManager.getController()
+
+        if (ProApp.currentPlayingAudio == null) {
+            binding.playingStatusLayout.visibility = View.GONE
+        } else {
+            binding.playingStatusLayout.visibility = View.VISIBLE
+            val currentAudio = ProApp.currentPlayingAudio
+
+            val maxProgress = try {
+                getAudioDurationFromAssets(this, currentAudio?.file!!)
+            } catch (e: Exception) {
+                currentAudio?.duration
+            }
+            if (maxProgress != null) {
+                binding.progressBar.setMaxProgress(maxProgress)
+            }
+            if (currentAudio?.image?.isNotEmpty() == true) {
+                Glide.with(this)
+                    .load("file:///android_asset/${currentAudio?.image}")
+                    .into(binding.audioImg)
+            } else {
+                binding.audioImg.setImageResource(R.mipmap.default_list_img)
+            }
+
+            binding.name.text = currentAudio?.name
+            binding.desc.text = currentAudio?.name
+        }
+
+        if (currentPlayer != null && currentPlayer.playbackState == Player.STATE_READY) {
+            val isPlaying = currentPlayer.isPlaying
+            updatePlayState(isPlaying)
+            if (isPlaying) {
+                updateProgressState()
+            }
+        }
+    }
+
+    private fun initClick() {
+        binding.homeBtn.setOnClickListener {
+            changeFragment(0)
+            updateBtnState(0)
+        }
+        binding.meBtn.setOnClickListener {
+            changeFragment(1)
+            updateBtnState(1)
+        }
+
+        binding.appSetting.setOnClickListener {
+            changeFragment(2)
+            updateBtnState(2)
+        }
+
+        binding.playingStatusLayout.setOnClickListener {
+            val currentAudio = ProApp.currentPlayingAudio
+            val duration = try {
+                getAudioDurationFromAssets(
+                    this, currentAudio?.file!!
+                )
+            } catch (e: Exception) {
+                currentAudio?.duration!!
+            }
+
+            val audio = Audio(
+                currentAudio?.name!!,
+                currentAudio.file,
+                currentAudio.image,
+                duration,
+                false
+            )
+            val intent = Intent(this, PlayDetailsActivity::class.java);
+            intent.putExtra(PlayDetailsActivity.KEY_DETAILS_AUDIO, audio)
+            startActivity(intent)
+        }
+
+        binding.playBlackBtn.setOnClickListener {
+            val currentPlayer = MediaControllerManager.getController()
+            if (currentPlayer != null) {
+                if (currentPlayer.playbackState == Player.STATE_READY) {
+                    if (currentPlayer.isPlaying) {
+                        currentPlayer.pause()
+                        updatePlayState(false)
+                    } else {
+                        currentPlayer.play()
+                        updatePlayState(true)
+                    }
+                    updateProgressState()
+                } else {
+                    MediaControllerManager.setupMedia(this@MainActivity, ProApp.currentPlayingAudio!!,
+                        object : Player.Listener {
+                            override fun onPlayWhenReadyChanged(
+                                playWhenReady: Boolean,
+                                reason: Int
+                            ) {
+                                updatePlayState(playWhenReady)
+                                updateProgressState()
+                            }
+
+                            override fun onPlaybackStateChanged(playbackState: Int) {
+                                updateProgressState()
+                            }
+                        })
+                }
+            } else {
+            }
+        }
+    }
+
+    private fun updatePlayState(b: Boolean) {
+        if (b) {
+            binding.playStatusImg.setImageResource(R.drawable.main_playing_icon)
+        } else {
+            binding.playStatusImg.setImageResource(R.drawable.main_play_icon)
+        }
+    }
+
+    private fun initFragment() {
+        mFragments.clear()
+        mFragments.add(HomeFragment())
+        mFragments.add(MeFragment())
+        mFragments.add(SettingsFragment())
+        changeFragment(0)
+        updateBtnState(0)
+    }
+
+    private fun changeFragment(index: Int) {
+        currentIndex = index
+        val ft: FragmentTransaction = supportFragmentManager.beginTransaction()
+        if (null != mCurrentFragment) {
+            ft.hide(mCurrentFragment!!)
+        }
+        var fragment = supportFragmentManager.findFragmentByTag(
+            mFragments[currentIndex].javaClass.name
+        )
+        if (null == fragment) {
+            fragment = mFragments[index]
+        }
+        mCurrentFragment = fragment
+
+        if (!fragment.isAdded) {
+            ft.add(R.id.frame_layout, fragment, fragment.javaClass.name)
+        } else {
+            ft.show(fragment)
+        }
+        ft.commit()
+    }
+
+    private fun updateBtnState(index: Int) {
+        binding.apply {
+            homeImg.setImageResource(
+                when (index) {
+                    0 -> R.drawable.home_select_icon
+                    else -> R.drawable.home_unselect_icon
+                }
+            )
+            meImg.setImageResource(
+                when (index) {
+                    1 -> R.drawable.me_select_icon
+                    else -> R.drawable.me_unselect_icon
+                }
+            )
+            homeSetting.setImageResource(
+                when (index) {
+                    2 -> R.drawable.settings_select_icon
+                    else -> R.drawable.settings_unselect_icon
+                }
+            )
+        }
+    }
+
+    private fun updateProgressState() {
+        val currentPlayer = MediaControllerManager.getController()
+        if (currentPlayer != null && currentPlayer.playbackState == Player.STATE_READY && currentPlayer.isPlaying) {
+            progressHandler.removeCallbacksAndMessages(null)
+            updatePlayState(currentPlayer.isPlaying)
+            progressHandler.sendEmptyMessage(1)
+        } else {
+            progressHandler.removeCallbacksAndMessages(null)
+        }
+    }
+
+    private val progressHandler = object : Handler(Looper.myLooper()!!) {
+        override fun handleMessage(msg: Message) {
+            val currentPlayer = MediaControllerManager.getController()
+            if (currentPlayer != null && currentPlayer.playbackState == Player.STATE_READY && currentPlayer.isPlaying) {
+                val currentPosition = currentPlayer.currentPosition
+                binding.progressBar.setProgress(currentPosition)
+                sendEmptyMessageDelayed(1, 1000)
+            }
+        }
+    }
+
+    private var backPressedTime: Long = 0
+    private val backToast: Toast by lazy {
+        Toast.makeText(baseContext, "Press again to exit", Toast.LENGTH_SHORT)
+    }
+
+    override fun onBackPressed() {
+        if (backPressedTime + 2000 > System.currentTimeMillis()) {
+            super.onBackPressed()
+            backToast.cancel()
+            return
+        } else {
+            backToast.show()
+        }
+        backPressedTime = System.currentTimeMillis()
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/PlayDetailsActivity.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/PlayDetailsActivity.kt
new file mode 100644
index 0000000..f72c185
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/activity/PlayDetailsActivity.kt
@@ -0,0 +1,212 @@
+package com.kitobochi.softapp.task.noisetimber.ui.activity
+
+import android.animation.ValueAnimator
+import android.annotation.SuppressLint
+import android.os.Bundle
+import android.os.Handler
+import android.os.Looper
+import android.os.Message
+import android.widget.Toast
+import androidx.annotation.OptIn
+import androidx.media3.common.Player
+import androidx.media3.common.util.UnstableApi
+import com.bumptech.glide.Glide
+import com.google.android.material.slider.Slider.OnChangeListener
+import com.gyf.immersionbar.ktx.immersionBar
+import com.kitobochi.softapp.task.noisetimber.R
+import com.kitobochi.softapp.task.noisetimber.databinding.ActivityPlayDetailsBinding
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.tools.containsContent
+import com.kitobochi.softapp.task.noisetimber.tools.convertMillisToMinutesAndSecondsString
+import com.kitobochi.softapp.task.noisetimber.tools.getAudioDurationFromAssets
+import com.kitobochi.softapp.task.noisetimber.tools.media.MediaControllerManager
+
+class PlayDetailsActivity : BaseActivity() {
+
+    companion object {
+        const val KEY_DETAILS_AUDIO = "key_details_audio"
+    }
+
+    private lateinit var binding: ActivityPlayDetailsBinding
+    private var audio: Audio? = null
+    private var rotationAnimator: ValueAnimator? = null
+
+
+    @SuppressLint("ForegroundServiceType")
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        binding = ActivityPlayDetailsBinding.inflate(layoutInflater)
+        setContentView(binding.root)
+        initImmersionBar()
+        audio = intent.getSerializableExtra(KEY_DETAILS_AUDIO) as Audio?
+        if (audio == null) {
+            onBackPressed()
+            Toast.makeText(this, getString(R.string.data_error), Toast.LENGTH_SHORT).show()
+        }
+        initView()
+
+    }
+
+    private fun initImmersionBar() {
+        immersionBar {
+            statusBarDarkFont(false)
+            statusBarView(binding.view)
+        }
+    }
+
+    @OptIn(UnstableApi::class)
+    private fun initView() {
+
+        if (audio?.image?.isNotEmpty() == true) {
+            Glide.with(this)
+                .load("file:///android_asset/${audio?.image}")
+                .into(binding.image)
+        } else {
+            binding.image.setImageResource(R.mipmap.default_list_img)
+        }
+        binding.seekBar.value = 0f
+        binding.nameTv.text = audio?.name
+        binding.descTv.text = audio?.name
+
+        if (containsContent(audio?.file!!)) {
+            binding.totalDurationTv.text = convertMillisToMinutesAndSecondsString(audio?.duration!!)
+            binding.seekBar.valueTo = audio?.duration!!.toFloat()
+        } else {
+            val s = getAudioDurationFromAssets(this, audio?.file!!)
+            binding.totalDurationTv.text = convertMillisToMinutesAndSecondsString(s)
+
+            binding.seekBar.valueTo = s.toFloat()
+        }
+
+        binding.backBtn.setOnClickListener {
+            onBackPressed()
+        }
+
+        val currentPlayer = MediaControllerManager.getController()
+        currentPlayer?.addListener(object : Player.Listener {
+            override fun onPlayWhenReadyChanged(
+                playWhenReady: Boolean,
+                reason: Int
+            ) {
+                updatePlayState(playWhenReady, "playWhenReady")
+                updateProgressState()
+            }
+
+            override fun onPlaybackStateChanged(playbackState: Int) {
+                updateProgressState()
+            }
+        })
+        binding.playImg.setOnClickListener {
+            if (currentPlayer != null) {
+                if (currentPlayer.isPlaying) {
+                    currentPlayer.pause()
+                    updatePlayState(false, "click")
+                } else {
+                    currentPlayer.play()
+                    updatePlayState(true, "click")
+                }
+                updateProgressState()
+            }
+        }
+        MediaControllerManager.setupMedia(this,
+            audio!!,
+            object : Player.Listener {
+                override fun onPlayWhenReadyChanged(
+                    playWhenReady: Boolean,
+                    reason: Int
+                ) {
+                    updatePlayState(playWhenReady, "playWhenReady")
+                    updateProgressState()
+                }
+
+                override fun onPlaybackStateChanged(playbackState: Int) {
+                    updateProgressState()
+                }
+            })
+
+        binding.seekBar.addOnChangeListener(OnChangeListener { slider, value, fromUser ->
+            if (fromUser) {
+                if (currentPlayer != null) {
+                    currentPlayer.seekTo(value.toLong())
+                    val ss = currentPlayer.isPlaying
+                    if (!ss) {
+                        currentPlayer.play()
+                    }
+                }
+            }
+        })
+    }
+
+    override fun onResume() {
+        super.onResume()
+        val currentPlayer = MediaControllerManager.getController()
+        if (currentPlayer != null && currentPlayer.playbackState == Player.STATE_READY) {
+            val isPlaying = currentPlayer.isPlaying
+            updatePlayState(isPlaying, "onResume")
+            if (isPlaying) {
+                updateProgressState()
+            } else {
+                val currentPosition = currentPlayer.currentPosition
+                val currentString = convertMillisToMinutesAndSecondsString(currentPosition)
+                binding.progressDurationTv.text = currentString
+                binding.seekBar.value = currentPosition.toFloat()
+            }
+        }
+    }
+
+    private fun updatePlayState(b: Boolean, string: String) {
+        if (b) {
+            binding.playImg.setImageResource(R.drawable.playing_green_icon)
+        } else {
+            binding.playImg.setImageResource(R.drawable.details_play_icon)
+        }
+    }
+
+    override fun onPause() {
+        super.onPause()
+        finishWithAnimation()
+    }
+
+    override fun onBackPressed() {
+        super.onBackPressed()
+    }
+
+    private fun finishWithAnimation() {
+        overridePendingTransition(R.anim.no_animation, R.anim.slide_down)
+        Handler(Looper.getMainLooper()).postDelayed({
+            finish()
+        }, 500)
+    }
+
+    override fun onDestroy() {
+        super.onDestroy()
+        progressHandler.removeCallbacksAndMessages(null)
+        rotationAnimator?.cancel()
+    }
+
+    private fun updateProgressState() {
+        val currentPlayer = MediaControllerManager.getController()
+        if (currentPlayer != null && currentPlayer.playbackState == Player.STATE_READY && currentPlayer.isPlaying) {
+            updatePlayState(currentPlayer.isPlaying, "playWhenReady")
+            progressHandler.removeCallbacksAndMessages(null)
+            progressHandler.sendEmptyMessage(1)
+        } else {
+            progressHandler.removeCallbacksAndMessages(null)
+        }
+    }
+
+    private val progressHandler = object : Handler(Looper.myLooper()!!) {
+        override fun handleMessage(msg: Message) {
+            val currentPlayer = MediaControllerManager.getController()
+            if (currentPlayer != null && currentPlayer.playbackState == Player.STATE_READY && currentPlayer.isPlaying) {
+                val currentPosition = currentPlayer.currentPosition
+                val currentString = convertMillisToMinutesAndSecondsString(currentPosition)
+                binding.progressDurationTv.text = currentString
+
+                binding.seekBar.value = currentPosition.toFloat()
+
+                sendEmptyMessageDelayed(1, 1000)
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/ParentsVoiceAdapter.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/ParentsVoiceAdapter.kt
new file mode 100644
index 0000000..886c76f
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/ParentsVoiceAdapter.kt
@@ -0,0 +1,71 @@
+package com.kitobochi.softapp.task.noisetimber.ui.adapter
+
+import android.content.Context
+import android.content.Intent
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.kitobochi.softapp.task.noisetimber.ProApp
+import com.kitobochi.softapp.task.noisetimber.R
+import com.kitobochi.softapp.task.noisetimber.databinding.ParentsVoiceLayoutBinding
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.tools.containsContent
+import com.kitobochi.softapp.task.noisetimber.tools.convertMillisToMinutesAndSecondsString
+import com.kitobochi.softapp.task.noisetimber.tools.getAudioDurationFromAssets
+import com.kitobochi.softapp.task.noisetimber.ui.activity.PlayDetailsActivity
+
+//LOGO
+class ParentsVoiceAdapter(
+    private val context: Context,
+    private val pdfList: List<Audio>,
+) :
+    RecyclerView.Adapter<ParentsVoiceAdapter.ViewHolder>() {
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {
+        val binding = ParentsVoiceLayoutBinding.inflate(LayoutInflater.from(context), parent, false)
+        return ViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
+        val audio = pdfList[position]
+        holder.bind(audio)
+        holder.itemView.setOnClickListener {
+            val intent = Intent(context, PlayDetailsActivity::class.java);
+            intent.putExtra(PlayDetailsActivity.KEY_DETAILS_AUDIO, audio)
+            context.startActivity(intent)
+        }
+    }
+
+    override fun getItemCount(): Int = pdfList.size
+
+    inner class ViewHolder(private val binding: ParentsVoiceLayoutBinding) :
+        RecyclerView.ViewHolder(binding.root) {
+
+        fun bind(audio: Audio) {
+            binding.apply {
+                image.setImageResource(R.mipmap.default_list_img)
+                name.text = audio.name
+                name.requestFocus()
+                if (containsContent(audio.file)) {
+                    desc.text = convertMillisToMinutesAndSecondsString(audio.duration)
+                } else {
+                    val s = getAudioDurationFromAssets(context, audio.file)
+                    desc.text = convertMillisToMinutesAndSecondsString(s)
+                }
+
+                if (ProApp.currentPlayingAudio != null) {
+                    if (ProApp.currentPlayingAudio?.file == audio.file) {
+                        playingLayout.visibility = View.VISIBLE
+                        name.setTextColor(context.getColor(R.color.blue))
+                        desc.setTextColor(context.getColor(R.color.blue))
+                    } else {
+                        playingLayout.visibility = View.GONE
+                        name.setTextColor(context.getColor(R.color.white))
+                        desc.setTextColor(context.getColor(R.color.white_60))
+                    }
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/RealHumanVoiceAdapter.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/RealHumanVoiceAdapter.kt
new file mode 100644
index 0000000..b8ea777
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/RealHumanVoiceAdapter.kt
@@ -0,0 +1,67 @@
+package com.kitobochi.softapp.task.noisetimber.ui.adapter
+
+import android.content.Context
+import android.content.Intent
+import android.view.LayoutInflater
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import com.kitobochi.softapp.task.noisetimber.ProApp
+import com.kitobochi.softapp.task.noisetimber.R
+import com.kitobochi.softapp.task.noisetimber.databinding.RealHumanVoiceLayoutBinding
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.tools.convertMillisToMinutesAndSecondsString
+import com.kitobochi.softapp.task.noisetimber.tools.getAudioDurationFromAssets
+import com.kitobochi.softapp.task.noisetimber.ui.activity.PlayDetailsActivity
+
+class RealHumanVoiceAdapter(
+    private val context: Context,
+    private val pdfList: List<Audio>,
+) :
+    RecyclerView.Adapter<RealHumanVoiceAdapter.PDFViewHolder>() {
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): PDFViewHolder {
+        val binding =
+            RealHumanVoiceLayoutBinding.inflate(LayoutInflater.from(context), parent, false)
+        return PDFViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: PDFViewHolder, position: Int) {
+        val audio = pdfList[position]
+        holder.bind(audio)
+        holder.itemView.setOnClickListener {
+            val intent = Intent(context, PlayDetailsActivity::class.java);
+            intent.putExtra(PlayDetailsActivity.KEY_DETAILS_AUDIO, audio)
+            context.startActivity(intent)
+        }
+    }
+
+    override fun getItemCount(): Int = pdfList.size
+
+    inner class PDFViewHolder(private val binding: RealHumanVoiceLayoutBinding) :
+        RecyclerView.ViewHolder(binding.root) {
+
+        fun bind(audio: Audio) {
+            binding.apply {
+                Glide.with(context)
+                    .load("file:///android_asset/${audio.image}")
+                    .into(realImg)
+                name.text = audio.name
+                val s = getAudioDurationFromAssets(context, audio.file)
+                desc.text = convertMillisToMinutesAndSecondsString(s)
+
+                if (ProApp.currentPlayingAudio != null) {
+                    if (ProApp.currentPlayingAudio?.file == audio.file) {
+                        stateImg.setImageResource(R.drawable.playing_white_icon)
+                        name.setTextColor(context.getColor(R.color.blue))
+                        desc.setTextColor(context.getColor(R.color.blue))
+                    } else {
+                        stateImg.setImageResource(R.drawable.amin_item_play_icon)
+                        name.setTextColor(context.getColor(R.color.white))
+                        desc.setTextColor(context.getColor(R.color.white_60))
+                    }
+                }
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/SoundsOfAppliancesAdapter.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/SoundsOfAppliancesAdapter.kt
new file mode 100644
index 0000000..26bb606
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/SoundsOfAppliancesAdapter.kt
@@ -0,0 +1,79 @@
+package com.kitobochi.softapp.task.noisetimber.ui.adapter
+
+import android.content.Context
+import android.content.Intent
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import com.kitobochi.softapp.task.noisetimber.ProApp
+import com.kitobochi.softapp.task.noisetimber.R
+import com.kitobochi.softapp.task.noisetimber.databinding.SoundsOfAppliancesLayoutBinding
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.tools.convertMillisToMinutesAndSecondsString
+import com.kitobochi.softapp.task.noisetimber.tools.getAudioDurationFromAssets
+import com.kitobochi.softapp.task.noisetimber.ui.activity.PlayDetailsActivity
+
+class SoundsOfAppliancesAdapter(
+    private val context: Context,
+    private val pdfList: List<Audio>,
+) :
+    RecyclerView.Adapter<SoundsOfAppliancesAdapter.PDFViewHolder>() {
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): PDFViewHolder {
+        val binding =
+            SoundsOfAppliancesLayoutBinding.inflate(LayoutInflater.from(context), parent, false)
+        return PDFViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: PDFViewHolder, position: Int) {
+        val audio = pdfList[position]
+        holder.bind(audio)
+        holder.itemView.setOnClickListener {
+            val intent = Intent(context, PlayDetailsActivity::class.java);
+            intent.putExtra(PlayDetailsActivity.KEY_DETAILS_AUDIO, audio)
+            context.startActivity(intent)
+//            mediaPlayer.setDataSource(this, Uri.parse("file:///android_asset/${audio.file}"))
+        }
+    }
+
+    override fun getItemCount(): Int = pdfList.size
+
+    inner class PDFViewHolder(private val binding: SoundsOfAppliancesLayoutBinding) :
+        RecyclerView.ViewHolder(binding.root) {
+
+        fun bind(audio: Audio) {
+            binding.apply {
+                Glide.with(context)
+                    .load("file:///android_asset/${audio.image}")
+                    .into(image)
+                name.text = audio.name
+                val s = getAudioDurationFromAssets(context, audio.file)
+                desc.text = convertMillisToMinutesAndSecondsString(s)
+
+                if (ProApp.currentPlayingAudio != null) {
+                    if (ProApp.currentPlayingAudio?.file == audio.file) {
+                        playingLayout.visibility = View.VISIBLE
+                        name.setTextColor(context.getColor(R.color.blue))
+                        desc.setTextColor(context.getColor(R.color.blue))
+                    } else {
+                        playingLayout.visibility = View.GONE
+                        name.setTextColor(context.getColor(R.color.white))
+                        desc.setTextColor(context.getColor(R.color.white_60))
+                    }
+                }
+            }
+        }
+    }
+
+    private var itemClickListener: OnItemClickListener? = null
+
+    fun setOnItemClickListener(listener: OnItemClickListener) {
+        itemClickListener = listener
+    }
+
+    interface OnItemClickListener {
+        fun onItemClick(position: Int)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/SoundsOfNatureAdapter.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/SoundsOfNatureAdapter.kt
new file mode 100644
index 0000000..71e7dff
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/adapter/SoundsOfNatureAdapter.kt
@@ -0,0 +1,80 @@
+package com.kitobochi.softapp.task.noisetimber.ui.adapter
+
+import android.content.Context
+import android.content.Intent
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.recyclerview.widget.RecyclerView
+import com.bumptech.glide.Glide
+import com.kitobochi.softapp.task.noisetimber.ProApp
+import com.kitobochi.softapp.task.noisetimber.R
+import com.kitobochi.softapp.task.noisetimber.databinding.SoundsOfNatureLayoutBinding
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.tools.convertMillisToMinutesAndSecondsString
+import com.kitobochi.softapp.task.noisetimber.tools.getAudioDurationFromAssets
+import com.kitobochi.softapp.task.noisetimber.ui.activity.PlayDetailsActivity
+
+
+class SoundsOfNatureAdapter(
+    private val context: Context,
+    private val pdfList: List<Audio>,
+) :
+    RecyclerView.Adapter<SoundsOfNatureAdapter.PDFViewHolder>() {
+
+    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): PDFViewHolder {
+        val binding =
+            SoundsOfNatureLayoutBinding.inflate(LayoutInflater.from(context), parent, false)
+        return PDFViewHolder(binding)
+    }
+
+    override fun onBindViewHolder(holder: PDFViewHolder, position: Int) {
+        val audio = pdfList[position]
+        holder.bind(audio)
+        holder.itemView.setOnClickListener {
+            val intent = Intent(context, PlayDetailsActivity::class.java);
+            intent.putExtra(PlayDetailsActivity.KEY_DETAILS_AUDIO, audio)
+            context.startActivity(intent)
+//            mediaPlayer.setDataSource(this, Uri.parse("file:///android_asset/${audio.file}"))
+        }
+    }
+
+    override fun getItemCount(): Int = pdfList.size
+
+    inner class PDFViewHolder(private val binding: SoundsOfNatureLayoutBinding) :
+        RecyclerView.ViewHolder(binding.root) {
+
+        fun bind(audio: Audio) {
+            binding.apply {
+                Glide.with(context)
+                    .load("file:///android_asset/${audio.image}")
+                    .into(image)
+                name.text = audio.name
+                val s = getAudioDurationFromAssets(context, audio.file)
+                desc.text = convertMillisToMinutesAndSecondsString(s)
+
+                if (ProApp.currentPlayingAudio != null) {
+                    if (ProApp.currentPlayingAudio?.file == audio.file) {
+                        playingLayout.visibility = View.VISIBLE
+                        name.setTextColor(context.getColor(R.color.blue))
+                        desc.setTextColor(context.getColor(R.color.blue))
+                    } else {
+                        playingLayout.visibility = View.GONE
+                        name.setTextColor(context.getColor(R.color.white))
+                        desc.setTextColor(context.getColor(R.color.white_60))
+                    }
+                }
+            }
+        }
+    }
+
+    private var itemClickListener: OnItemClickListener? = null
+
+    fun setOnItemClickListener(listener: OnItemClickListener) {
+        itemClickListener = listener
+    }
+
+    interface OnItemClickListener {
+        fun onItemClick(position: Int)
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/fragment/HomeFragment.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/fragment/HomeFragment.kt
new file mode 100644
index 0000000..e7f031b
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/fragment/HomeFragment.kt
@@ -0,0 +1,126 @@
+package com.kitobochi.softapp.task.noisetimber.ui.fragment
+
+import android.annotation.SuppressLint
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import androidx.recyclerview.widget.GridLayoutManager
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.gyf.immersionbar.ktx.immersionBar
+import com.kitobochi.softapp.task.noisetimber.ProApp
+import com.kitobochi.softapp.task.noisetimber.databinding.FragmentHome2Binding
+import com.kitobochi.softapp.task.noisetimber.tools.GridSpacingItemDecoration
+import com.kitobochi.softapp.task.noisetimber.tools.HorizontalSpaceItemDecoration
+import com.kitobochi.softapp.task.noisetimber.ui.adapter.RealHumanVoiceAdapter
+import com.kitobochi.softapp.task.noisetimber.ui.adapter.SoundsOfAppliancesAdapter
+import com.kitobochi.softapp.task.noisetimber.ui.adapter.SoundsOfNatureAdapter
+
+class HomeFragment : Fragment() {
+    private lateinit var binding: FragmentHome2Binding
+    private var realHumanVoiceAdapter: RealHumanVoiceAdapter? = null
+    private var soundsOfAppliancesAdapter: SoundsOfAppliancesAdapter? = null
+    private var soundsOfNatureAdapter: SoundsOfNatureAdapter? = null
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        binding = FragmentHome2Binding.inflate(layoutInflater)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        initView()
+        initData()
+    }
+
+    private fun initImmersionBar() {
+        immersionBar {
+            statusBarDarkFont(false)
+            statusBarView(binding.view)
+        }
+    }
+
+    private fun initView() {
+        if (ProApp.resourcesList.categories.isNotEmpty()) {
+            binding.soundsName.text = ProApp.resourcesList.categories[1].name
+            binding.natureName.text = ProApp.resourcesList.categories[2].name
+        }
+    }
+
+    private fun initData(){
+        if (ProApp.realHumanVoiceList.isNotEmpty()) {
+            realHumanVoiceAdapter = RealHumanVoiceAdapter(requireActivity(), ProApp.realHumanVoiceList)
+            binding.realRv.layoutManager =
+                LinearLayoutManager(requireActivity(), LinearLayoutManager.HORIZONTAL, false)
+            binding.realRv.addItemDecoration(HorizontalSpaceItemDecoration(requireActivity()))
+            binding.realRv.adapter = realHumanVoiceAdapter
+        }
+        if (ProApp.soundsOfAppliancesList.isNotEmpty()) {
+            soundsOfAppliancesAdapter =
+                SoundsOfAppliancesAdapter(requireActivity(), ProApp.soundsOfAppliancesList)
+            binding.soundsRv.layoutManager =
+                LinearLayoutManager(requireActivity(), LinearLayoutManager.HORIZONTAL, false)
+            binding.soundsRv.addItemDecoration(HorizontalSpaceItemDecoration(requireActivity()))
+            binding.soundsRv.adapter = soundsOfAppliancesAdapter
+        }
+        if (ProApp.soundsOfNatureList.isNotEmpty()) {
+            soundsOfNatureAdapter =
+                SoundsOfNatureAdapter(requireActivity(), ProApp.soundsOfNatureList)
+            binding.natureRv.layoutManager =
+                GridLayoutManager(requireActivity(), 3, GridLayoutManager.HORIZONTAL, false)
+            binding.natureRv.addItemDecoration(GridSpacingItemDecoration(requireActivity(), 10, 3))
+            binding.natureRv.adapter = soundsOfNatureAdapter
+        }
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    override fun onResume() {
+        super.onResume()
+        if (ProApp.currentPlayingAudio != null) {
+            if (ProApp.realHumanVoiceList.isNotEmpty()) {
+                for ((index, audio) in ProApp.realHumanVoiceList.withIndex()) {
+                    if (audio.file == ProApp.currentPlayingAudio?.file) {
+                        notifyDataSetChanged()
+                        break
+                    }
+                }
+            }
+            if (ProApp.soundsOfAppliancesList.isNotEmpty()) {
+                for ((index, audio) in ProApp.soundsOfAppliancesList.withIndex()) {
+                    if (audio.file == ProApp.currentPlayingAudio?.file) {
+                        notifyDataSetChanged()
+                        break
+                    }
+                }
+            }
+            if (ProApp.soundsOfNatureList.isNotEmpty()) {
+                for ((index, audio) in ProApp.soundsOfNatureList.withIndex()) {
+                    if (audio.file == ProApp.currentPlayingAudio?.file) {
+                        notifyDataSetChanged()
+                        break
+                    }
+                }
+            }
+        }
+        initImmersionBar()
+    }
+
+    override fun onHiddenChanged(hidden: Boolean) {
+        super.onHiddenChanged(hidden)
+        if(!hidden){
+            initImmersionBar()
+        }
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    private fun notifyDataSetChanged(){
+        soundsOfAppliancesAdapter?.notifyDataSetChanged()
+        realHumanVoiceAdapter?.notifyDataSetChanged()
+        soundsOfNatureAdapter?.notifyDataSetChanged()
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/fragment/MeFragment.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/fragment/MeFragment.kt
new file mode 100644
index 0000000..4971bc3
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/fragment/MeFragment.kt
@@ -0,0 +1,284 @@
+package com.kitobochi.softapp.task.noisetimber.ui.fragment
+
+import android.Manifest
+import android.annotation.SuppressLint
+import android.app.AlertDialog
+import android.content.ContentResolver
+import android.content.ContentUris
+import android.content.Context
+import android.content.pm.PackageManager
+import android.media.MediaPlayer
+import android.net.Uri
+import android.os.Build
+import android.os.Bundle
+import android.provider.MediaStore
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.activity.result.contract.ActivityResultContracts
+import androidx.core.content.ContextCompat
+import androidx.fragment.app.Fragment
+import androidx.recyclerview.widget.LinearLayoutManager
+import com.gyf.immersionbar.ktx.immersionBar
+import com.kitobochi.softapp.task.noisetimber.ProApp
+import com.kitobochi.softapp.task.noisetimber.R
+import com.kitobochi.softapp.task.noisetimber.databinding.FragmentMeBinding
+import com.kitobochi.softapp.task.noisetimber.db.bean.Audio
+import com.kitobochi.softapp.task.noisetimber.ui.adapter.ParentsVoiceAdapter
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.launch
+import kotlinx.coroutines.withContext
+
+class MeFragment : Fragment() {
+    private lateinit var binding: FragmentMeBinding
+    private var parentsVoiceAdapter: ParentsVoiceAdapter? = null
+    private var importAdapterList: MutableList<Audio> = mutableListOf()
+    
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View {
+        binding = FragmentMeBinding.inflate(layoutInflater)
+        return binding.root
+    }
+
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        initView()
+    }
+
+    private fun initView() {
+        binding.addBtn.setOnClickListener {
+            binding.addBtn.visibility = View.GONE
+            checkAndRequestPermissions()
+        }
+        importAdapterList.clear()
+        importAdapterList.addAll(ProApp.importList)
+        parentsVoiceAdapter = ParentsVoiceAdapter(requireActivity(), importAdapterList)
+        binding.importRv.layoutManager =
+            LinearLayoutManager(requireActivity(), LinearLayoutManager.VERTICAL, false)
+        binding.importRv.adapter = parentsVoiceAdapter
+    }
+
+    private var requestPermissionLauncher =
+        registerForActivityResult(ActivityResultContracts.RequestPermission()) { isGranted: Boolean ->
+            if (isGranted) {
+                openAudioPicker()
+            } else {
+                showExplanationDialog()
+            }
+        }
+
+    private fun openAudioPicker() {
+        binding.loadingLayout.visibility = View.VISIBLE
+        getMusicFiles(requireActivity())
+    }
+
+    private fun showExplanationDialog() {
+        AlertDialog.Builder(requireActivity())
+            .setTitle(getString(R.string.permission_request))
+            .setMessage(getString(R.string.permission_request_desc))
+            .setPositiveButton(getString(R.string.ok)) { dialog, which ->
+                requestPermissionLauncher.launch(Manifest.permission.READ_EXTERNAL_STORAGE)
+                dialog.dismiss()
+            }
+            .setNegativeButton(getString(R.string.cancel)) { dialog, which ->
+                dialog.dismiss()
+            }
+            .show()
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    override fun onResume() {
+        super.onResume()
+        initImmersionBar()
+
+        if (importAdapterList.isNotEmpty()) {
+            binding.noContentLayout.visibility = View.GONE
+        } else {
+            binding.noContentLayout.visibility = View.VISIBLE
+        }
+
+        if (ProApp.currentPlayingAudio != null) {
+            if (ProApp.importList.isNotEmpty()) {
+                importAdapterList.clear()
+                importAdapterList.addAll(ProApp.importList)
+                for ((index, audio) in importAdapterList.withIndex()) {
+                    if (audio.file == ProApp.currentPlayingAudio?.file) {
+                        parentsVoiceAdapter?.notifyDataSetChanged()
+                        break
+                    }
+                }
+            }
+        }
+    }
+
+    override fun onHiddenChanged(hidden: Boolean) {
+        super.onHiddenChanged(hidden)
+        if (hidden) {
+            initImmersionBar()
+        }
+    }
+
+    private fun initImmersionBar() {
+        immersionBar {
+            statusBarDarkFont(false)
+            statusBarView(binding.view)
+        }
+    }
+
+    private fun getAudioDuration(uri: Uri): Long {
+        var duration = 0L
+        try {
+            val mediaPlayer = MediaPlayer.create(requireContext(), uri)
+            duration = mediaPlayer.duration.toLong()
+            mediaPlayer.release()
+            return duration
+        } catch (e: Exception) {
+            e.printStackTrace()
+        }
+        return duration
+    }
+
+    @SuppressLint("NotifyDataSetChanged")
+    fun getMusicFiles(context: Context): List<String> {
+        val musicFiles = mutableListOf<String>()
+        val contentResolver: ContentResolver = context.contentResolver
+
+        // 定义查询参数
+        val projection = arrayOf(
+            MediaStore.Audio.Media._ID,
+            MediaStore.Audio.Media.DISPLAY_NAME,
+            MediaStore.Audio.Media.DATA
+        )
+
+        val selection = "${MediaStore.Audio.Media.IS_MUSIC} != 0"
+        val sortOrder = "${MediaStore.Audio.Media.DISPLAY_NAME} ASC"
+
+        // 查询音频文件
+        val cursor = contentResolver.query(
+            MediaStore.Audio.Media.EXTERNAL_CONTENT_URI,
+            projection,
+            selection,
+            null,
+            sortOrder
+        )
+
+        cursor?.use { cursor ->
+            val idColumn = cursor.getColumnIndexOrThrow(MediaStore.Audio.Media._ID)
+            val nameColumn = cursor.getColumnIndexOrThrow(MediaStore.Audio.Media.DISPLAY_NAME)
+            val dataColumn = cursor.getColumnIndexOrThrow(MediaStore.Audio.Media.DATA)
+
+            while (cursor.moveToNext()) {
+                val id = cursor.getLong(idColumn)
+                val name = cursor.getString(nameColumn)
+                val data = cursor.getString(dataColumn)
+                val contentUri = ContentUris.withAppendedId(
+                    MediaStore.Audio.Media.EXTERNAL_CONTENT_URI,
+                    id
+                )
+                val duration2 = getAudioDuration(contentUri)
+                val audio = Audio(name, contentUri.toString(), "", duration2, false)
+
+                musicFiles.add(contentUri.toString())
+                // 如果你想要获取文件的具体路径，可以使用 data 变量
+                // musicFiles.add(data)
+
+                CoroutineScope(Dispatchers.IO).launch {
+                    if (audio.duration > 0) {
+                        ProApp.databaseManager.insertAudioFile(audio)
+                    }
+                    withContext(Dispatchers.Main) {
+                        ProApp.initImportAudio {
+                            importAdapterList.clear()
+                            importAdapterList.addAll(ProApp.importList)
+                            parentsVoiceAdapter?.notifyDataSetChanged()
+                            if (importAdapterList.isNotEmpty()) {
+                                binding.noContentLayout.visibility = View.GONE
+                            } else {
+                                binding.noContentLayout.visibility = View.VISIBLE
+                                showNoDataDialog()
+                            }
+                            binding.loadingLayout.visibility = View.GONE
+                        }
+                    }
+                }
+            }
+        }
+        return musicFiles
+    }
+
+    private fun showNoDataDialog() {
+        AlertDialog.Builder(requireActivity())
+            .setTitle(getString(R.string.prompt))
+            .setMessage(getString(R.string.no_data_prompt_dialog_content))
+            .setPositiveButton(getString(R.string.ok)) { dialog, _ ->
+                binding.addBtn.visibility = View.VISIBLE
+                dialog.dismiss()
+            }
+            .setCancelable(false)
+            .show()
+    }
+
+
+    private fun checkAndRequestPermissions() {
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+            val permissionsToRequest = mutableListOf<String>()
+
+            if (ContextCompat.checkSelfPermission(
+                    requireActivity(),
+                    Manifest.permission.READ_MEDIA_IMAGES
+                ) != PackageManager.PERMISSION_GRANTED
+            ) {
+                permissionsToRequest.add(Manifest.permission.READ_MEDIA_IMAGES)
+            }
+            if (ContextCompat.checkSelfPermission(
+                    requireActivity(),
+                    Manifest.permission.READ_MEDIA_VIDEO
+                ) != PackageManager.PERMISSION_GRANTED
+            ) {
+                permissionsToRequest.add(Manifest.permission.READ_MEDIA_VIDEO)
+            }
+            if (ContextCompat.checkSelfPermission(
+                    requireActivity(),
+                    Manifest.permission.READ_MEDIA_AUDIO
+                ) != PackageManager.PERMISSION_GRANTED
+            ) {
+                permissionsToRequest.add(Manifest.permission.READ_MEDIA_AUDIO)
+            }
+
+            if (permissionsToRequest.isNotEmpty()) {
+                requestMultiplePermissionsLauncher.launch(permissionsToRequest.toTypedArray())
+            } else {
+                openAudioPicker()
+            }
+        } else {
+            // 请求旧版本的权限
+            if (ContextCompat.checkSelfPermission(
+                    requireActivity(),
+                    Manifest.permission.READ_EXTERNAL_STORAGE
+                ) != PackageManager.PERMISSION_GRANTED
+            ) {
+                requestPermissionLauncher.launch(Manifest.permission.READ_EXTERNAL_STORAGE)
+            } else {
+                openAudioPicker()
+            }
+        }
+    }
+
+    private val requestMultiplePermissionsLauncher = registerForActivityResult(
+        ActivityResultContracts.RequestMultiplePermissions()
+    ) { permissions ->
+        permissions.forEach { (permission, isGranted) ->
+            if (isGranted) {
+                openAudioPicker()
+            } else {
+                showExplanationDialog()
+            }
+        }
+    }
+
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/fragment/SettingsFragment.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/fragment/SettingsFragment.kt
new file mode 100644
index 0000000..0b45606
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/fragment/SettingsFragment.kt
@@ -0,0 +1,75 @@
+package com.kitobochi.softapp.task.noisetimber.ui.fragment
+
+import android.content.Intent
+import android.os.Bundle
+import android.view.LayoutInflater
+import android.view.View
+import android.view.ViewGroup
+import androidx.fragment.app.Fragment
+import com.gyf.immersionbar.ktx.immersionBar
+import com.kitobochi.softapp.task.noisetimber.R
+import com.kitobochi.softapp.task.noisetimber.databinding.FragmentSettingBinding
+import com.kitobochi.softapp.task.noisetimber.tools.EMAIL
+import com.kitobochi.softapp.task.noisetimber.tools.PRIVACY_POLICY_URL
+import com.kitobochi.softapp.task.noisetimber.tools.TERMS_OF_SERVICE_URL
+import com.kitobochi.softapp.task.noisetimber.tools.openPrivacyPolicy
+import com.kitobochi.softapp.task.noisetimber.tools.openTermsOfService
+import com.kitobochi.softapp.task.noisetimber.tools.sendFeedback
+import com.kitobochi.softapp.task.noisetimber.tools.shareApp
+import com.kitobochi.softapp.task.noisetimber.ui.activity.AboutActivity
+
+class SettingsFragment : Fragment() {
+    private lateinit var binding: FragmentSettingBinding
+
+    override fun onCreateView(
+        inflater: LayoutInflater,
+        container: ViewGroup?,
+        savedInstanceState: Bundle?
+    ): View? {
+        binding = FragmentSettingBinding.inflate(layoutInflater)
+        return binding.root
+    }
+
+    override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
+        super.onViewCreated(view, savedInstanceState)
+        initImmersionBar()
+        initView()
+    }
+
+    override fun onHiddenChanged(hidden: Boolean) {
+        super.onHiddenChanged(hidden)
+        if (!hidden) {
+            initImmersionBar()
+        }
+    }
+
+    override fun onResume() {
+        super.onResume()
+        initImmersionBar()
+    }
+
+    private fun initImmersionBar() {
+        immersionBar {
+            statusBarDarkFont(false)
+            statusBarView(binding.view)
+        }
+    }
+
+    private fun initView() {
+        binding.aboutBtn.setOnClickListener {
+            startActivity(Intent(requireContext(), AboutActivity::class.java))
+        }
+        binding.feedbackBtn.setOnClickListener {
+            sendFeedback(requireContext(), EMAIL, getString(R.string.app_name))
+        }
+        binding.shareBtn.setOnClickListener {
+            shareApp(requireContext())
+        }
+        binding.ppBtn.setOnClickListener {
+            openPrivacyPolicy(requireContext(), PRIVACY_POLICY_URL)
+        }
+        binding.tosBtn.setOnClickListener {
+            openTermsOfService(requireContext(), TERMS_OF_SERVICE_URL)
+        }
+    }
+}
\ No newline at end of file
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/BlurLayout.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/BlurLayout.kt
new file mode 100644
index 0000000..7845193
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/BlurLayout.kt
@@ -0,0 +1,90 @@
+package com.kitobochi.softapp.task.noisetimber.ui.view
+
+import android.content.Context
+import android.graphics.*
+import android.renderscript.*
+import android.util.AttributeSet
+import android.widget.FrameLayout
+
+class BlurLayout : FrameLayout {
+    private var blurRadius = 25f // 默认模糊半径
+    private val cornerRadius = dpToPx(18) // 圆角半径
+    constructor(context: Context) : super(context)
+
+    constructor(context: Context, attrs: AttributeSet) : super(context, attrs)
+
+    constructor(context: Context, attrs: AttributeSet, defStyleAttr: Int) : super(
+        context,
+        attrs,
+        defStyleAttr
+    )
+
+    override fun dispatchDraw(canvas: Canvas) {
+        // 创建一个 Bitmap 用于绘制原始内容
+        val originalBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
+        val originalCanvas = Canvas(originalBitmap)
+        // 调用父类的 dispatchDraw() 方法，把所有的子 View 绘制到这个 Bitmap 上
+        super.dispatchDraw(originalCanvas)
+
+        // 创建一个 Bitmap 用于绘制模糊效果
+        val blurredBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
+
+        // 使用 RenderScript 处理模糊效果
+        val rsContext = RenderScript.create(context)
+        val input = Allocation.createFromBitmap(rsContext, originalBitmap)
+        val output = Allocation.createTyped(
+            rsContext,
+            Type.createXY(
+                rsContext,
+                Element.RGBA_8888(rsContext),
+                originalBitmap.width,
+                originalBitmap.height
+            )
+        )
+        val script = ScriptIntrinsicBlur.create(rsContext, Element.U8_4(rsContext))
+        script.setInput(input)
+        script.setRadius(blurRadius)
+        script.forEach(output)
+        output.copyTo(blurredBitmap)
+        // 绘制原始内容
+        canvas.drawBitmap(originalBitmap, 0f, 0f, null)
+
+        // 创建一个画笔，用于绘制模糊区域
+        val paint = Paint()
+        paint.xfermode = PorterDuffXfermode(PorterDuff.Mode.SRC_OVER)
+
+        // 定义模糊区域，即底部的 50dp
+        val blurHeight = dpToPx(50).toInt()
+        val blurRect = Rect(0, height - blurHeight, width, height)
+
+        // 绘制模糊效果
+        canvas.drawBitmap(blurredBitmap, blurRect, blurRect, paint)
+
+        // 绘制一个具有指定颜色的矩形作为背景
+        paint.color = Color.parseColor("#99000000") // 半透明黑色
+        paint.xfermode = PorterDuffXfermode(PorterDuff.Mode.SRC_OVER) // 使用 SRC_OVER 模式覆盖绘制
+        paint.isAntiAlias = true
+        val rectF = RectF(blurRect)
+        canvas.drawRect(blurRect,paint)
+//        canvas.drawRoundRect(rectF,cornerRadius, cornerRadius, paint)
+
+        // 定义整个布局的矩形区域
+        val layoutRect = Rect(0, 0, width, height)
+        val rectFAll = RectF(layoutRect)
+
+        paint.color = Color.parseColor("#00000000") // 半透明黑色
+        paint.xfermode = PorterDuffXfermode(PorterDuff.Mode.SRC_OVER) // 使用 SRC_OVER 模式覆盖绘制
+        paint.isAntiAlias = true
+        canvas.drawRoundRect(rectFAll,cornerRadius, cornerRadius, paint)
+
+        input.destroy()
+        output.destroy()
+        script.destroy()
+        rsContext.destroy()
+    }
+
+    private fun dpToPx(dp: Int): Float {
+        val density = resources.displayMetrics.density
+        return (dp * density)
+    }
+}
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/CircularProgressBar.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/CircularProgressBar.kt
new file mode 100644
index 0000000..d67b352
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/CircularProgressBar.kt
@@ -0,0 +1,73 @@
+package com.kitobochi.softapp.task.noisetimber.ui.view
+
+import android.content.Context
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.util.AttributeSet
+import android.view.View
+import kotlin.math.min
+
+class CircularProgressBar(context: Context, attrs: AttributeSet?) : View(context, attrs) {
+
+    private var progressPaint: Paint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
+        style = Paint.Style.STROKE
+        isAntiAlias = true
+        strokeWidth = dpToPx(3) // 设置圆环的宽度为20像素
+        color = 0xFFFFFFFF.toInt() // 设置圆环的颜色为白色
+    }
+
+    private var backgroundPaint: Paint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
+        style = Paint.Style.STROKE
+        isAntiAlias = true
+        strokeWidth = dpToPx(3)
+        color = 0x00000000
+    }
+
+    private var progress: Long = 0 // 进度值，默认为0
+    private var maxProgress: Long = 100 // 最大进度值，默认为100
+
+    override fun onDraw(canvas: Canvas) {
+        super.onDraw(canvas)
+
+        val centerX = width / 2f
+        val centerY = height / 2f
+        val radius = (min(width, height) - progressPaint.strokeWidth) / 2f
+
+        // 绘制圆环背景
+        canvas.drawCircle(centerX, centerY, radius, backgroundPaint)
+
+        // 绘制圆环进度
+        val startAngle = -90f
+        val sweepAngle = -360f * progress / maxProgress
+        canvas.drawArc(
+            centerX - radius,
+            centerY - radius,
+            centerX + radius,
+            centerY + radius,
+            startAngle,
+            sweepAngle,
+            false,
+            progressPaint
+        )
+    }
+
+    fun setProgress(progress: Long) {
+        // 确保进度值在有效范围内
+        this.progress = progress.coerceIn(0, maxProgress)
+        invalidate() // 重新绘制视图
+    }
+
+    fun setMaxProgress(maxProgress: Long) {
+        // 设置最大进度值
+        this.maxProgress = maxProgress
+        // 更新当前进度，确保当前进度在有效范围内
+        this.progress = this.progress.coerceIn(0, maxProgress)
+        invalidate() // 重新绘制视图
+    }
+
+    private fun dpToPx(dp: Int): Float {
+        val density = resources.displayMetrics.density
+        return (dp * density)
+    }
+}
+
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/CustomProgressBar.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/CustomProgressBar.kt
new file mode 100644
index 0000000..aee2d10
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/CustomProgressBar.kt
@@ -0,0 +1,62 @@
+package com.kitobochi.softapp.task.noisetimber.ui.view
+
+import android.content.Context
+import android.graphics.Canvas
+import android.graphics.Color
+import android.graphics.LinearGradient
+import android.graphics.Paint
+import android.graphics.RectF
+import android.graphics.Shader
+import android.util.AttributeSet
+import android.view.View
+
+class CustomProgressBar(context: Context, attrs: AttributeSet?) : View(context, attrs) {
+    private var progress = 0 // 当前进度
+    private val maxProgress = 100 // 最大进度
+    private val progressBarHeight = 20f // 进度条高度
+    private val cornerRadius = 10f // 圆角半径
+    private val backgroundColor = Color.parseColor("#26FFFFFF")
+    private val startColor = Color.parseColor("#FF1CC8EE") // 起始颜色
+    private val middleColor = Color.parseColor("#FF69FE73") // 中间颜色
+    private val endColor = Color.parseColor("#FFCBD64B") // 结束颜色
+    private val paint = Paint()
+    private val paintTow = Paint()
+
+    init {
+        paint.style = Paint.Style.FILL
+        paint.isAntiAlias = true
+        paintTow.style = Paint.Style.FILL
+        paintTow.isAntiAlias = true
+    }
+
+    override fun onDraw(canvas: Canvas) {
+        super.onDraw(canvas)
+        // 绘制底色矩形
+        paint.shader = null // 重置着色器
+        paint.color = backgroundColor
+        val backgroundRect = RectF(0f, (height / 2 - progressBarHeight / 2), width.toFloat(), (height / 2 + progressBarHeight / 2))
+        canvas.drawRoundRect(backgroundRect, cornerRadius, cornerRadius, paint)
+
+
+        // 计算进度条的宽度
+        val progressBarWidth = (width * progress.toFloat() / maxProgress).toInt()
+
+        // 创建颜色渐变对象
+        val gradient = LinearGradient(0f, 0f, width.toFloat(), 0f, intArrayOf(startColor, middleColor, endColor), null, Shader.TileMode.CLAMP)
+        paintTow.shader = gradient
+
+        // 绘制带圆角的进度条矩形
+        val rect = RectF(0f, (height / 2 - progressBarHeight / 2), progressBarWidth.toFloat(), (height / 2 + progressBarHeight / 2))
+        canvas.drawRoundRect(rect, cornerRadius, cornerRadius, paintTow)
+    }
+
+    fun getProgress():Int{
+        return progress
+    }
+
+    // 设置进度
+    fun setProgress(progress: Int) {
+        this.progress = progress
+        invalidate() // 请求重绘
+    }
+}
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/MarqueeTextView.java b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/MarqueeTextView.java
new file mode 100644
index 0000000..359c5cd
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/MarqueeTextView.java
@@ -0,0 +1,34 @@
+package com.kitobochi.softapp.task.noisetimber.ui.view;
+
+import android.content.Context;
+import android.text.TextUtils;
+import android.util.AttributeSet;
+
+public class MarqueeTextView extends androidx.appcompat.widget.AppCompatTextView {
+
+   public MarqueeTextView(Context context) {
+      super(context);
+      initView(context);
+   }
+
+   public MarqueeTextView(Context context, AttributeSet attrs) {
+      super(context, attrs);
+      initView(context);
+   }
+
+   public MarqueeTextView(Context context, AttributeSet attrs, int defStyleAttr) {
+      super(context, attrs, defStyleAttr);
+      initView(context);
+   }
+
+   private void initView(Context context) {
+      this.setEllipsize(TextUtils.TruncateAt.MARQUEE);
+      this.setSingleLine(true);
+      this.setMarqueeRepeatLimit(-1);
+   }
+
+   //最关键的部分
+   public boolean isFocused() {
+      return true;
+   }
+}
diff --git a/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/RadiusLayout.kt b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/RadiusLayout.kt
new file mode 100644
index 0000000..96cd622
--- /dev/null
+++ b/app/src/main/java/com/kitobochi/softapp/task/noisetimber/ui/view/RadiusLayout.kt
@@ -0,0 +1,52 @@
+package com.kitobochi.softapp.task.noisetimber.ui.view
+
+import android.content.Context
+import android.graphics.Bitmap
+import android.graphics.Canvas
+import android.graphics.Color
+import android.graphics.Paint
+import android.graphics.PorterDuff
+import android.graphics.PorterDuffXfermode
+import android.graphics.Rect
+import android.graphics.RectF
+import android.util.AttributeSet
+import android.widget.RelativeLayout
+
+class RadiusLayout : RelativeLayout {
+    private val cornerRadius = dpToPx(18) // 圆角半径
+    constructor(context: Context) : super(context)
+
+    constructor(context: Context, attrs: AttributeSet) : super(context, attrs)
+
+    constructor(context: Context, attrs: AttributeSet, defStyleAttr: Int) : super(
+        context,
+        attrs,
+        defStyleAttr
+    )
+
+    override fun dispatchDraw(canvas: Canvas) {
+        // 创建一个 Bitmap 用于绘制原始内容
+        val originalBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888)
+        val originalCanvas = Canvas(originalBitmap)
+        // 调用父类的 dispatchDraw() 方法，把所有的子 View 绘制到这个 Bitmap 上
+        super.dispatchDraw(originalCanvas)
+        // 绘制原始内容
+        canvas.drawBitmap(originalBitmap, 0f, 0f, null)
+        // 创建一个画笔
+        val paint = Paint()
+        paint.xfermode = PorterDuffXfermode(PorterDuff.Mode.SRC_OVER)
+
+        // 定义整个布局的矩形区域
+        val layoutRect = Rect(0, 0, width, height)
+        val rectF = RectF(layoutRect)
+        // 绘制具有圆角的矩形作为背景
+        paint.color = Color.parseColor("#CCffffff") // 半透明黑色
+        paint.isAntiAlias = true
+        canvas.drawRoundRect(rectF, cornerRadius, cornerRadius, paint)
+    }
+
+    private fun dpToPx(dp: Int): Float {
+        val density = resources.displayMetrics.density
+        return (dp * density)
+    }
+}
diff --git a/app/src/main/res/anim/no_animation.xml b/app/src/main/res/anim/no_animation.xml
new file mode 100644
index 0000000..0a021c6
--- /dev/null
+++ b/app/src/main/res/anim/no_animation.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:fromYDelta="-100%"
+        android:toYDelta="0%"
+        android:duration="500"/>
+</set>
diff --git a/app/src/main/res/anim/slide_down.xml b/app/src/main/res/anim/slide_down.xml
new file mode 100644
index 0000000..fa531c3
--- /dev/null
+++ b/app/src/main/res/anim/slide_down.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:fromYDelta="0%"
+        android:toYDelta="100%"
+        android:duration="500"/>
+</set>
\ No newline at end of file
diff --git a/app/src/main/res/anim/slide_up.xml b/app/src/main/res/anim/slide_up.xml
new file mode 100644
index 0000000..cda8977
--- /dev/null
+++ b/app/src/main/res/anim/slide_up.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<set xmlns:android="http://schemas.android.com/apk/res/android">
+    <translate
+        android:fromYDelta="100%"
+        android:toYDelta="0%"
+        android:duration="500"/>
+</set>
diff --git a/app/src/main/res/drawable-v24/ic_launcher_foreground.xml b/app/src/main/res/drawable-v24/ic_launcher_foreground.xml
new file mode 100644
index 0000000..2b068d1
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/add_icon.xml b/app/src/main/res/drawable/add_icon.xml
new file mode 100644
index 0000000..56ee364
--- /dev/null
+++ b/app/src/main/res/drawable/add_icon.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="32dp"
+    android:height="32dp"
+    android:viewportWidth="32"
+    android:viewportHeight="32">
+  <path
+      android:pathData="M26.975,14.998H16.944V4.967C16.944,4.292 16.397,3.744 15.721,3.744C15.046,3.744 14.498,4.292 14.498,4.967V14.998H4.957C4.281,14.998 3.733,15.546 3.733,16.221C3.733,16.897 4.281,17.444 4.957,17.444H14.498V26.986C14.498,27.661 15.046,28.209 15.721,28.209C16.397,28.209 16.944,27.661 16.944,26.986V17.444H26.975C27.651,17.444 28.198,16.897 28.198,16.221C28.198,15.545 27.651,14.998 26.975,14.998V14.998Z"
+      android:fillColor="#7973FF"/>
+</vector>
diff --git a/app/src/main/res/drawable/amin_item_play_icon.xml b/app/src/main/res/drawable/amin_item_play_icon.xml
new file mode 100644
index 0000000..0fbadea
--- /dev/null
+++ b/app/src/main/res/drawable/amin_item_play_icon.xml
@@ -0,0 +1,15 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="30dp"
+    android:height="22dp"
+    android:viewportWidth="30"
+    android:viewportHeight="22">
+    <path
+        android:fillColor="@color/blue"
+        android:pathData="M11,0L19,0A11,11 0,0 1,30 11L30,11A11,11 0,0 1,19 22L11,22A11,11 0,0 1,0 11L0,11A11,11 0,0 1,11 0z" />
+    <group>
+        <clip-path android:pathData="M11,6h10v10h-10z" />
+        <path
+            android:fillColor="@color/white"
+            android:pathData="M19.416,9.228L14.82,6.327C14.503,6.127 14.139,6.016 13.764,6.005C13.39,5.994 13.02,6.083 12.692,6.264C12.364,6.445 12.09,6.71 11.9,7.033C11.709,7.355 11.609,7.723 11.608,8.097V13.903C11.609,14.277 11.709,14.645 11.9,14.967C12.09,15.29 12.364,15.555 12.692,15.736C13.02,15.917 13.39,16.006 13.764,15.995C14.139,15.984 14.503,15.873 14.82,15.673L19.416,12.772C19.715,12.583 19.961,12.321 20.132,12.011C20.302,11.701 20.392,11.354 20.392,11C20.392,10.646 20.302,10.299 20.132,9.989C19.961,9.679 19.715,9.417 19.416,9.228Z" />
+    </group>
+</vector>
diff --git a/app/src/main/res/drawable/details_play_icon.xml b/app/src/main/res/drawable/details_play_icon.xml
new file mode 100644
index 0000000..043706c
--- /dev/null
+++ b/app/src/main/res/drawable/details_play_icon.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="72dp"
+    android:height="72dp"
+    android:viewportWidth="72"
+    android:viewportHeight="72">
+  <path
+      android:pathData="M36,36m-36,0a36,36 0,1 1,72 0a36,36 0,1 1,-72 0"
+      android:fillColor="@color/blue"/>
+  <path
+      android:pathData="M46.531,38.326L33.826,46.844C32.542,47.705 30.802,47.362 29.941,46.078C29.632,45.616 29.467,45.074 29.467,44.518V27.482C29.467,25.935 30.72,24.682 32.267,24.682C32.822,24.682 33.365,24.847 33.826,25.156L46.531,33.674C47.815,34.535 48.159,36.275 47.298,37.559C47.095,37.862 46.834,38.123 46.531,38.326Z"
+      android:fillColor="@color/white"/>
+</vector>
diff --git a/app/src/main/res/drawable/drw_main_bottom_bg.xml b/app/src/main/res/drawable/drw_main_bottom_bg.xml
new file mode 100644
index 0000000..eb29d25
--- /dev/null
+++ b/app/src/main/res/drawable/drw_main_bottom_bg.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <gradient
+        android:endColor="#FF000000"
+        android:startColor="#FF000000" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/home_select_icon.xml b/app/src/main/res/drawable/home_select_icon.xml
new file mode 100644
index 0000000..27f468c
--- /dev/null
+++ b/app/src/main/res/drawable/home_select_icon.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="28dp"
+    android:height="28dp"
+    android:viewportWidth="28"
+    android:viewportHeight="28">
+  <path
+      android:pathData="M12.78,2.646L3.898,10.481C3.7,10.657 3.541,10.872 3.432,11.113C3.323,11.355 3.267,11.617 3.267,11.881V24.267C3.267,24.762 3.463,25.237 3.813,25.587C4.163,25.937 4.638,26.133 5.133,26.133H22.867C23.362,26.133 23.837,25.937 24.187,25.587C24.537,25.237 24.733,24.762 24.733,24.267V11.88C24.733,11.616 24.677,11.354 24.569,11.114C24.46,10.873 24.302,10.658 24.104,10.482L15.252,2.648C14.911,2.346 14.472,2.179 14.017,2.179C13.561,2.179 13.122,2.344 12.78,2.646V2.646ZM5.133,11.881L14.015,4.045L22.867,11.88V24.267H5.133V11.881Z"
+      android:fillColor="#9992F8"/>
+  <path
+      android:pathData="M14.934,16.333V22.4H13.067V16.333C13.067,16.211 13.091,16.089 13.138,15.976C13.185,15.863 13.254,15.76 13.34,15.673C13.427,15.587 13.53,15.518 13.643,15.471C13.756,15.424 13.878,15.4 14,15.4C14.123,15.4 14.244,15.424 14.357,15.471C14.471,15.518 14.573,15.587 14.66,15.673C14.747,15.76 14.816,15.863 14.863,15.976C14.909,16.089 14.934,16.211 14.934,16.333Z"
+      android:fillColor="#9992F8"/>
+</vector>
diff --git a/app/src/main/res/drawable/home_unselect_icon.xml b/app/src/main/res/drawable/home_unselect_icon.xml
new file mode 100644
index 0000000..a2984cf
--- /dev/null
+++ b/app/src/main/res/drawable/home_unselect_icon.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="28dp"
+    android:height="28dp"
+    android:viewportWidth="28"
+    android:viewportHeight="28">
+  <path
+      android:pathData="M12.78,2.646L3.898,10.481C3.7,10.657 3.541,10.872 3.432,11.113C3.323,11.355 3.267,11.617 3.267,11.881V24.267C3.267,24.762 3.463,25.237 3.813,25.587C4.163,25.937 4.638,26.133 5.133,26.133H22.867C23.362,26.133 23.837,25.937 24.187,25.587C24.537,25.237 24.733,24.762 24.733,24.267V11.88C24.733,11.616 24.677,11.354 24.569,11.114C24.46,10.873 24.302,10.658 24.104,10.482L15.252,2.648C14.911,2.346 14.472,2.179 14.017,2.179C13.561,2.179 13.122,2.344 12.78,2.646V2.646ZM5.133,11.881L14.015,4.045L22.867,11.88V24.267H5.133V11.881Z"
+      android:fillColor="#FF444444"/>
+  <path
+      android:pathData="M14.934,16.333V22.4H13.067V16.333C13.067,16.211 13.091,16.089 13.138,15.976C13.185,15.863 13.254,15.76 13.34,15.673C13.427,15.587 13.53,15.518 13.643,15.471C13.756,15.424 13.878,15.4 14,15.4C14.123,15.4 14.244,15.424 14.357,15.471C14.471,15.518 14.573,15.587 14.66,15.673C14.747,15.76 14.816,15.863 14.863,15.976C14.909,16.089 14.934,16.211 14.934,16.333Z"
+      android:fillColor="#FF444444"/>
+</vector>
diff --git a/app/src/main/res/drawable/ic_launcher_background.xml b/app/src/main/res/drawable/ic_launcher_background.xml
new file mode 100644
index 0000000..07d5da9
--- /dev/null
+++ b/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>
diff --git a/app/src/main/res/drawable/main_play_icon.xml b/app/src/main/res/drawable/main_play_icon.xml
new file mode 100644
index 0000000..d98d161
--- /dev/null
+++ b/app/src/main/res/drawable/main_play_icon.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="28dp"
+    android:height="28dp"
+    android:viewportWidth="28"
+    android:viewportHeight="28">
+  <path
+      android:pathData="M8.341,5.348C8.341,4.911 8.634,4.758 8.992,5.007L21.473,13.682C21.832,13.931 21.832,14.339 21.473,14.588L8.992,23.263C8.634,23.512 8.341,23.359 8.341,22.922V5.348Z"
+      android:fillColor="#000000"/>
+</vector>
diff --git a/app/src/main/res/drawable/main_playing_icon.xml b/app/src/main/res/drawable/main_playing_icon.xml
new file mode 100644
index 0000000..e9e431b
--- /dev/null
+++ b/app/src/main/res/drawable/main_playing_icon.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="28dp"
+    android:height="28dp"
+    android:viewportWidth="28"
+    android:viewportHeight="28">
+  <path
+      android:pathData="M11.718,22.791C11.718,23.227 11.361,23.584 10.925,23.584H7.81C7.374,23.584 7.017,23.227 7.017,22.791V5.307C7.017,4.87 7.374,4.513 7.81,4.513H10.925C11.361,4.513 11.718,4.87 11.718,5.307V22.791Z"
+      android:fillColor="#000000"/>
+  <path
+      android:pathData="M20.785,22.791C20.785,23.227 20.428,23.584 19.992,23.584H16.877C16.44,23.584 16.083,23.227 16.083,22.791V5.307C16.083,4.87 16.44,4.513 16.877,4.513H19.992C20.428,4.513 20.785,4.87 20.785,5.307V22.791Z"
+      android:fillColor="#000000"/>
+</vector>
diff --git a/app/src/main/res/drawable/me_collect.xml b/app/src/main/res/drawable/me_collect.xml
new file mode 100644
index 0000000..806b0ff
--- /dev/null
+++ b/app/src/main/res/drawable/me_collect.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/me_select_icon" android:state_selected="true" />
+    <item android:drawable="@drawable/me_unselect_icon" android:state_selected="false" />
+
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/me_select_icon.xml b/app/src/main/res/drawable/me_select_icon.xml
new file mode 100644
index 0000000..64713ea
--- /dev/null
+++ b/app/src/main/res/drawable/me_select_icon.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="28dp"
+    android:height="28dp"
+    android:viewportWidth="28"
+    android:viewportHeight="28">
+  <path
+      android:pathData="M13.984,1.867C10.761,1.867 8.685,3.226 7.691,5.517C7.055,6.984 6.944,8.536 7.092,9.998L7.111,10.156C7.289,11.536 7.99,13.185 8.994,14.382L9.051,14.45L3.934,18.745C3.725,18.92 3.557,19.138 3.442,19.385C3.327,19.632 3.267,19.902 3.267,20.174V24.267C3.267,24.762 3.463,25.237 3.813,25.587C4.163,25.937 4.638,26.133 5.133,26.133H22.867C23.362,26.133 23.837,25.937 24.187,25.587C24.537,25.237 24.733,24.762 24.733,24.267V20.175L24.73,20.065C24.715,19.811 24.648,19.562 24.533,19.335C24.419,19.107 24.258,18.906 24.063,18.742L19.003,14.52L19.08,14.434C20.125,13.245 20.788,11.654 21.008,10.029C21.206,8.554 21.067,6.842 20.365,5.361C19.32,3.156 17.207,1.867 13.984,1.867ZM13.984,3.733C16.497,3.733 17.948,4.618 18.678,6.16C19.201,7.264 19.312,8.632 19.157,9.78C18.941,11.387 18.169,12.945 17.026,13.814C16.915,13.899 16.823,14.008 16.76,14.133C16.696,14.258 16.661,14.396 16.658,14.536C16.655,14.677 16.683,14.816 16.741,14.943C16.799,15.071 16.885,15.184 16.993,15.274L22.867,20.176V24.267H5.133V20.174L11.041,15.218C11.148,15.128 11.233,15.016 11.29,14.89C11.348,14.764 11.377,14.626 11.374,14.487C11.372,14.348 11.339,14.212 11.277,14.087C11.215,13.963 11.126,13.854 11.017,13.768C9.947,12.929 9.082,11.114 8.95,9.81C8.831,8.637 8.92,7.373 9.403,6.26C10.101,4.652 11.503,3.733 13.984,3.733Z"
+      android:fillColor="#9992F8"/>
+  <path
+      android:pathData="M14.934,17.733V22.4H13.067V17.733C13.067,17.611 13.091,17.489 13.138,17.376C13.185,17.263 13.254,17.16 13.34,17.073C13.427,16.987 13.53,16.918 13.643,16.871C13.756,16.824 13.878,16.8 14,16.8C14.123,16.8 14.244,16.824 14.357,16.871C14.471,16.918 14.573,16.987 14.66,17.073C14.747,17.16 14.816,17.263 14.863,17.376C14.909,17.489 14.934,17.611 14.934,17.733Z"
+      android:fillColor="#9992F8"/>
+</vector>
diff --git a/app/src/main/res/drawable/me_unselect_icon.xml b/app/src/main/res/drawable/me_unselect_icon.xml
new file mode 100644
index 0000000..d8a52c4
--- /dev/null
+++ b/app/src/main/res/drawable/me_unselect_icon.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="28dp"
+    android:height="28dp"
+    android:viewportWidth="28"
+    android:viewportHeight="28">
+  <path
+      android:pathData="M13.984,1.867C10.761,1.867 8.685,3.226 7.691,5.517C7.055,6.984 6.944,8.536 7.092,9.998L7.111,10.156C7.289,11.536 7.99,13.185 8.994,14.382L9.051,14.45L3.934,18.745C3.725,18.92 3.557,19.138 3.442,19.385C3.327,19.632 3.267,19.902 3.267,20.174V24.267C3.267,24.762 3.463,25.237 3.813,25.587C4.163,25.937 4.638,26.133 5.133,26.133H22.867C23.362,26.133 23.837,25.937 24.187,25.587C24.537,25.237 24.733,24.762 24.733,24.267V20.175L24.73,20.065C24.715,19.811 24.648,19.562 24.533,19.335C24.419,19.107 24.258,18.906 24.063,18.742L19.003,14.52L19.08,14.434C20.125,13.245 20.788,11.654 21.008,10.029C21.206,8.554 21.067,6.842 20.365,5.361C19.32,3.156 17.207,1.867 13.984,1.867ZM13.984,3.733C16.497,3.733 17.948,4.618 18.678,6.16C19.201,7.264 19.312,8.632 19.157,9.78C18.941,11.387 18.169,12.945 17.026,13.814C16.915,13.899 16.823,14.008 16.76,14.133C16.696,14.258 16.661,14.396 16.658,14.536C16.655,14.677 16.683,14.816 16.741,14.943C16.799,15.071 16.885,15.184 16.993,15.274L22.867,20.176V24.267H5.133V20.174L11.041,15.218C11.148,15.128 11.233,15.016 11.29,14.89C11.348,14.764 11.377,14.626 11.374,14.487C11.372,14.348 11.339,14.212 11.277,14.087C11.215,13.963 11.126,13.854 11.017,13.768C9.947,12.929 9.082,11.114 8.95,9.81C8.831,8.637 8.92,7.373 9.403,6.26C10.101,4.652 11.503,3.733 13.984,3.733Z"
+      android:fillColor="#FF444444"/>
+  <path
+      android:pathData="M14.934,17.733V22.4H13.067V17.733C13.067,17.611 13.091,17.489 13.138,17.376C13.185,17.263 13.254,17.16 13.34,17.073C13.427,16.987 13.53,16.918 13.643,16.871C13.756,16.824 13.878,16.8 14,16.8C14.123,16.8 14.244,16.824 14.357,16.871C14.471,16.918 14.573,16.987 14.66,17.073C14.747,17.16 14.816,17.263 14.863,17.376C14.909,17.489 14.934,17.611 14.934,17.733Z"
+      android:fillColor="#FF444444"/>
+</vector>
diff --git a/app/src/main/res/drawable/play_main_item_icon.xml b/app/src/main/res/drawable/play_main_item_icon.xml
new file mode 100644
index 0000000..fabc5c4
--- /dev/null
+++ b/app/src/main/res/drawable/play_main_item_icon.xml
@@ -0,0 +1,18 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="34dp"
+    android:height="34dp"
+    android:viewportWidth="34"
+    android:viewportHeight="34">
+  <path
+      android:pathData="M17,31.167C24.824,31.167 31.167,24.824 31.167,17C31.167,9.176 24.824,2.833 17,2.833C9.176,2.833 2.833,9.176 2.833,17C2.833,24.824 9.176,31.167 17,31.167Z"
+      android:strokeLineJoin="round"
+      android:strokeWidth="1.66667"
+      android:fillColor="@color/blue"
+      android:strokeColor="@color/blue"/>
+  <path
+      android:pathData="M14.167,17V12.092L18.417,14.546L22.667,17L18.417,19.454L14.167,21.907V17Z"
+      android:strokeLineJoin="round"
+      android:strokeWidth="1.66667"
+      android:fillColor="@color/white"
+      android:strokeColor="@color/white"/>
+</vector>
diff --git a/app/src/main/res/drawable/playing_black_icon.xml b/app/src/main/res/drawable/playing_black_icon.xml
new file mode 100644
index 0000000..c65256b
--- /dev/null
+++ b/app/src/main/res/drawable/playing_black_icon.xml
@@ -0,0 +1,26 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="34dp"
+    android:height="34dp"
+    android:viewportWidth="34"
+    android:viewportHeight="34">
+    <path
+        android:fillColor="@color/white"
+        android:pathData="M17,31.167C24.824,31.167 31.167,24.824 31.167,17C31.167,9.176 24.824,2.833 17,2.833C9.176,2.833 2.833,9.176 2.833,17C2.833,24.824 9.176,31.167 17,31.167Z"
+        android:strokeWidth="2"
+        android:strokeColor="@color/white"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="@color/white"
+        android:pathData="M13.458,12.75V21.25"
+        android:strokeWidth="2"
+        android:strokeColor="@color/black"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+    <path
+        android:fillColor="@color/white"
+        android:pathData="M20.542,12.75V21.25"
+        android:strokeWidth="2"
+        android:strokeColor="@color/black"
+        android:strokeLineCap="round"
+        android:strokeLineJoin="round" />
+</vector>
diff --git a/app/src/main/res/drawable/playing_green_icon.xml b/app/src/main/res/drawable/playing_green_icon.xml
new file mode 100644
index 0000000..fc718d2
--- /dev/null
+++ b/app/src/main/res/drawable/playing_green_icon.xml
@@ -0,0 +1,21 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="72dp"
+    android:height="72dp"
+    android:viewportWidth="72"
+    android:viewportHeight="72">
+    <path
+        android:fillColor="@color/blue"
+        android:pathData="M36,36m-36,0a36,36 0,1 1,72 0a36,36 0,1 1,-72 0" />
+    <path
+        android:fillColor="@color/white"
+        android:pathData="M42,28V44"
+        android:strokeWidth="5"
+        android:strokeColor="@color/white"
+        android:strokeLineCap="round" />
+    <path
+        android:fillColor="@color/white"
+        android:pathData="M30,28V44"
+        android:strokeWidth="5"
+        android:strokeColor="@color/white"
+        android:strokeLineCap="round" />
+</vector>
diff --git a/app/src/main/res/drawable/playing_small_icon.xml b/app/src/main/res/drawable/playing_small_icon.xml
new file mode 100644
index 0000000..3ba972c
--- /dev/null
+++ b/app/src/main/res/drawable/playing_small_icon.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="14dp"
+    android:height="17dp"
+    android:viewportWidth="14"
+    android:viewportHeight="17">
+  <path
+      android:pathData="M7,16.8C6.629,16.8 6.273,16.653 6.01,16.39C5.747,16.127 5.6,15.771 5.6,15.4V1.4C5.6,1.029 5.747,0.673 6.01,0.41C6.273,0.147 6.629,0 7,0C7.371,0 7.727,0.147 7.99,0.41C8.252,0.673 8.4,1.029 8.4,1.4V15.4C8.4,15.771 8.252,16.127 7.99,16.39C7.727,16.653 7.371,16.8 7,16.8ZM1.4,14C1.029,14 0.673,13.852 0.41,13.59C0.147,13.327 0,12.971 0,12.6V5.6C0,5.229 0.148,4.873 0.41,4.61C0.673,4.348 1.029,4.2 1.4,4.2C1.771,4.2 2.127,4.348 2.39,4.61C2.652,4.873 2.8,5.229 2.8,5.6V12.6C2.8,12.784 2.764,12.966 2.693,13.136C2.623,13.306 2.52,13.46 2.39,13.59C2.26,13.72 2.106,13.823 1.936,13.893C1.766,13.964 1.584,14 1.4,14ZM12.6,14C12.229,14 11.873,13.852 11.61,13.59C11.347,13.327 11.2,12.971 11.2,12.6V5.6C11.2,5.229 11.348,4.873 11.61,4.61C11.873,4.348 12.229,4.2 12.6,4.2C12.971,4.2 13.327,4.348 13.59,4.61C13.852,4.873 14,5.229 14,5.6V12.6C14,12.971 13.852,13.327 13.59,13.59C13.327,13.852 12.971,14 12.6,14Z"
+      android:fillColor="#ffffff"/>
+</vector>
diff --git a/app/src/main/res/drawable/playing_white_icon.xml b/app/src/main/res/drawable/playing_white_icon.xml
new file mode 100644
index 0000000..685d955
--- /dev/null
+++ b/app/src/main/res/drawable/playing_white_icon.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="30dp"
+    android:height="22dp"
+    android:viewportWidth="30"
+    android:viewportHeight="22">
+  <path
+      android:pathData="M11,0L19,0A11,11 0,0 1,30 11L30,11A11,11 0,0 1,19 22L11,22A11,11 0,0 1,0 11L0,11A11,11 0,0 1,11 0z"
+      android:fillColor="#ffffff"/>
+  <path
+      android:pathData="M15,17.714C14.682,17.714 14.377,17.594 14.151,17.38C13.926,17.165 13.8,16.875 13.8,16.571V5.143C13.8,4.84 13.926,4.549 14.151,4.335C14.377,4.12 14.682,4 15,4C15.318,4 15.623,4.12 15.849,4.335C16.074,4.549 16.2,4.84 16.2,5.143V16.571C16.2,16.875 16.074,17.165 15.849,17.38C15.623,17.594 15.318,17.714 15,17.714ZM10.2,15.429C9.882,15.429 9.577,15.308 9.351,15.094C9.126,14.88 9,14.589 9,14.286V8.571C9,8.268 9.127,7.978 9.352,7.763C9.577,7.549 9.882,7.429 10.2,7.429C10.518,7.429 10.823,7.549 11.049,7.763C11.274,7.978 11.4,8.268 11.4,8.571V14.286C11.4,14.436 11.369,14.584 11.309,14.723C11.248,14.862 11.16,14.988 11.049,15.094C10.937,15.2 10.805,15.284 10.659,15.342C10.514,15.399 10.358,15.429 10.2,15.429ZM19.8,15.429C19.482,15.429 19.177,15.308 18.951,15.094C18.726,14.88 18.6,14.589 18.6,14.286V8.571C18.6,8.268 18.726,7.978 18.951,7.763C19.177,7.549 19.482,7.429 19.8,7.429C20.118,7.429 20.423,7.549 20.649,7.763C20.874,7.978 21,8.268 21,8.571V14.286C21,14.589 20.874,14.88 20.649,15.094C20.424,15.308 20.118,15.429 19.8,15.429Z"
+      android:fillColor="#231815"/>
+</vector>
diff --git a/app/src/main/res/drawable/selector_home.xml b/app/src/main/res/drawable/selector_home.xml
new file mode 100644
index 0000000..838a7e3
--- /dev/null
+++ b/app/src/main/res/drawable/selector_home.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/home_select_icon" android:state_checked="true" />
+    <item android:drawable="@drawable/home_select_icon" android:state_checked="false" />
+
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/selector_setting.xml b/app/src/main/res/drawable/selector_setting.xml
new file mode 100644
index 0000000..311f32d
--- /dev/null
+++ b/app/src/main/res/drawable/selector_setting.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:drawable="@drawable/settings_select_icon" android:state_checked="true" />
+    <item android:drawable="@drawable/settings_unselect_icon" android:state_checked="false" />
+
+</selector>
\ No newline at end of file
diff --git a/app/src/main/res/drawable/settings_select_icon.xml b/app/src/main/res/drawable/settings_select_icon.xml
new file mode 100644
index 0000000..5e4d0a7
--- /dev/null
+++ b/app/src/main/res/drawable/settings_select_icon.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="28dp"
+    android:height="28dp"
+    android:viewportWidth="28"
+    android:viewportHeight="28">
+  <path
+      android:pathData="M19.054,3.267H8.934C8.605,3.267 8.282,3.354 7.997,3.519C7.712,3.684 7.476,3.922 7.313,4.208L2.254,13.075C2.093,13.357 2.008,13.676 2.008,14C2.008,14.324 2.093,14.643 2.254,14.925L7.313,23.792C7.476,24.078 7.712,24.315 7.997,24.481C8.282,24.646 8.605,24.733 8.934,24.733H19.054C19.382,24.733 19.706,24.646 19.99,24.481C20.275,24.316 20.51,24.079 20.674,23.793L25.745,14.927C25.906,14.644 25.991,14.325 25.991,14C25.991,13.675 25.906,13.355 25.745,13.073L20.674,4.206C20.511,3.921 20.275,3.684 19.99,3.519C19.706,3.354 19.383,3.267 19.054,3.267H19.054ZM8.934,5.133H19.054L24.125,14L19.054,22.867H8.934L3.875,14L8.934,5.133Z"
+      android:fillColor="#FF9992F8"/>
+  <path
+      android:pathData="M14,9.8C13.448,9.8 12.902,9.909 12.392,10.12C11.883,10.331 11.42,10.64 11.03,11.03C10.64,11.42 10.331,11.883 10.12,12.393C9.908,12.902 9.8,13.448 9.8,14C9.8,14.552 9.908,15.098 10.12,15.607C10.331,16.117 10.64,16.58 11.03,16.97C11.42,17.36 11.883,17.669 12.392,17.88C12.902,18.091 13.448,18.2 14,18.2C15.114,18.2 16.182,17.757 16.97,16.97C17.757,16.182 18.2,15.114 18.2,14C18.2,12.886 17.757,11.818 16.97,11.03C16.182,10.243 15.114,9.8 14,9.8ZM14,11.667C14.306,11.667 14.61,11.727 14.893,11.844C15.176,11.962 15.433,12.134 15.65,12.35C15.866,12.567 16.038,12.824 16.156,13.107C16.273,13.39 16.333,13.694 16.333,14C16.333,14.307 16.273,14.61 16.156,14.893C16.038,15.176 15.866,15.433 15.65,15.65C15.433,15.867 15.176,16.038 14.893,16.156C14.61,16.273 14.306,16.333 14,16.333C13.381,16.333 12.788,16.087 12.35,15.65C11.912,15.212 11.667,14.619 11.667,14C11.667,13.381 11.912,12.788 12.35,12.35C12.788,11.913 13.381,11.667 14,11.667Z"
+      android:fillColor="#FF9992F8"/>
+</vector>
diff --git a/app/src/main/res/drawable/settings_unselect_icon.xml b/app/src/main/res/drawable/settings_unselect_icon.xml
new file mode 100644
index 0000000..0875f21
--- /dev/null
+++ b/app/src/main/res/drawable/settings_unselect_icon.xml
@@ -0,0 +1,12 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="28dp"
+    android:height="28dp"
+    android:viewportWidth="28"
+    android:viewportHeight="28">
+  <path
+      android:pathData="M19.054,3.267H8.934C8.605,3.267 8.282,3.354 7.997,3.519C7.712,3.684 7.476,3.922 7.313,4.208L2.254,13.075C2.093,13.357 2.008,13.676 2.008,14C2.008,14.324 2.093,14.643 2.254,14.925L7.313,23.792C7.476,24.078 7.712,24.315 7.997,24.481C8.282,24.646 8.605,24.733 8.934,24.733H19.054C19.382,24.733 19.706,24.646 19.99,24.481C20.275,24.316 20.51,24.079 20.674,23.793L25.745,14.927C25.906,14.644 25.991,14.325 25.991,14C25.991,13.675 25.906,13.355 25.745,13.073L20.674,4.206C20.511,3.921 20.275,3.684 19.99,3.519C19.706,3.354 19.383,3.267 19.054,3.267H19.054ZM8.934,5.133H19.054L24.125,14L19.054,22.867H8.934L3.875,14L8.934,5.133Z"
+      android:fillColor="#444444"/>
+  <path
+      android:pathData="M14,9.8C13.448,9.8 12.902,9.909 12.392,10.12C11.883,10.331 11.42,10.64 11.03,11.03C10.64,11.42 10.331,11.883 10.12,12.393C9.908,12.902 9.8,13.448 9.8,14C9.8,14.552 9.908,15.098 10.12,15.607C10.331,16.117 10.64,16.58 11.03,16.97C11.42,17.36 11.883,17.669 12.392,17.88C12.902,18.091 13.448,18.2 14,18.2C15.114,18.2 16.182,17.757 16.97,16.97C17.757,16.182 18.2,15.114 18.2,14C18.2,12.886 17.757,11.818 16.97,11.03C16.182,10.243 15.114,9.8 14,9.8ZM14,11.667C14.306,11.667 14.61,11.727 14.893,11.844C15.176,11.962 15.433,12.134 15.65,12.35C15.866,12.567 16.038,12.824 16.156,13.107C16.273,13.39 16.333,13.694 16.333,14C16.333,14.307 16.273,14.61 16.156,14.893C16.038,15.176 15.866,15.433 15.65,15.65C15.433,15.867 15.176,16.038 14.893,16.156C14.61,16.273 14.306,16.333 14,16.333C13.381,16.333 12.788,16.087 12.35,15.65C11.912,15.212 11.667,14.619 11.667,14C11.667,13.381 11.912,12.788 12.35,12.35C12.788,11.913 13.381,11.667 14,11.667Z"
+      android:fillColor="#444444"/>
+</vector>
diff --git a/app/src/main/res/drawable/svg_back.xml b/app/src/main/res/drawable/svg_back.xml
new file mode 100644
index 0000000..31b2d0d
--- /dev/null
+++ b/app/src/main/res/drawable/svg_back.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="200dp"
+    android:height="200dp"
+    android:viewportWidth="1024"
+    android:viewportHeight="1024">
+  <path
+      android:pathData="M268.9,476 L622.2,125.9c18.8,-18.7 49.2,-18.5 67.9,0.3 18.7,18.8 18.5,49.2 -0.3,67.9l-319.5,316.6 318.2,321.1c18.7,18.8 18.5,49.2 -0.3,67.9 -9.3,9.3 -21.6,13.9 -33.8,13.9 -12.4,0 -24.7,-4.7 -34.1,-14.2L270.2,546c-0.5,-0.5 -0.7,-1.2 -1.2,-1.8 -0.1,-0.1 -0.3,-0.2 -0.4,-0.3C250,525.1 250.1,494.7 268.9,476z"
+      android:fillColor="@color/white"/>
+</vector>
diff --git a/app/src/main/res/drawable/svg_go.xml b/app/src/main/res/drawable/svg_go.xml
new file mode 100644
index 0000000..021b6d4
--- /dev/null
+++ b/app/src/main/res/drawable/svg_go.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="200dp"
+    android:height="200dp"
+    android:viewportWidth="1024"
+    android:viewportHeight="1024">
+  <path
+      android:pathData="M394.5,125.3a32,32 0,0 0,-44.7 45.7l2.3,2.3L736.4,512 352.2,850.7a32,32 0,0 0,-4.9 42.6l2,2.6a32,32 0,0 0,42.6 4.9l2.6,-2 411.5,-362.7a32,32 0,0 0,2.4 -45.7l-2.4,-2.3 -411.5,-362.7z"
+      android:fillColor="@color/white"/>
+</vector>
diff --git a/app/src/main/res/font/bold_font_italic.ttf b/app/src/main/res/font/bold_font_italic.ttf
new file mode 100644
index 0000000..2c33630
Binary files /dev/null and b/app/src/main/res/font/bold_font_italic.ttf differ
diff --git a/app/src/main/res/font/medium_font.ttf b/app/src/main/res/font/medium_font.ttf
new file mode 100644
index 0000000..88d70b8
Binary files /dev/null and b/app/src/main/res/font/medium_font.ttf differ
diff --git a/app/src/main/res/font/regular_font.ttf b/app/src/main/res/font/regular_font.ttf
new file mode 100644
index 0000000..626355a
Binary files /dev/null and b/app/src/main/res/font/regular_font.ttf differ
diff --git a/app/src/main/res/layout/activity_about.xml b/app/src/main/res/layout/activity_about.xml
new file mode 100644
index 0000000..facca7f
--- /dev/null
+++ b/app/src/main/res/layout/activity_about.xml
@@ -0,0 +1,94 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/main_bg_color"
+    android:orientation="vertical">
+
+    <View
+        android:id="@+id/view"
+        android:layout_width="match_parent"
+        android:layout_height="0dp" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:orientation="vertical"
+        android:layout_below="@+id/view">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="54dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal">
+
+            <ImageView
+                android:id="@+id/back_btn"
+                android:layout_width="32dp"
+                android:layout_height="32dp"
+                android:layout_marginStart="10dp"
+                android:padding="4dp"
+                android:src="@drawable/svg_back" />
+
+            <TextView
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginEnd="32dp"
+                android:gravity="center_horizontal"
+                android:fontFamily="@font/medium_font"
+                android:text="@string/about"
+                android:textColor="@color/white"
+                android:textSize="20dp" />
+        </LinearLayout>
+
+        <androidx.cardview.widget.CardView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="28dp"
+            android:layout_marginTop="28dp"
+            android:layout_marginEnd="28dp"
+            app:cardCornerRadius="12dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:paddingTop="20dp"
+                android:background="@color/card_color"
+                android:paddingBottom="20dp"
+                android:orientation="vertical">
+
+                <ImageView
+                    android:layout_width="70dp"
+                    android:layout_height="80dp"
+                    android:layout_gravity="center_horizontal"
+                    android:layout_marginTop="8dp"
+                    android:src="@mipmap/ic_launcher" />
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_gravity="center_horizontal"
+                    android:layout_marginTop="8dp"
+                    android:fontFamily="@font/medium_font"
+                    android:text="@string/app_name"
+                    android:textColor="@color/white"
+                    android:textSize="26dp" />
+
+                <TextView
+                    android:id="@+id/version_tv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_gravity="center_horizontal"
+                    android:fontFamily="@font/regular_font"
+                    android:text="version: 1.0"
+                    android:textColor="@color/white"
+                    android:textSize="16dp" />
+
+            </LinearLayout>
+
+        </androidx.cardview.widget.CardView>
+    </LinearLayout>
+
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_launch.xml b/app/src/main/res/layout/activity_launch.xml
new file mode 100644
index 0000000..48e9433
--- /dev/null
+++ b/app/src/main/res/layout/activity_launch.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<FrameLayout 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"
+    android:background="@color/white"
+    tools:context=".ui.activity.LaunchActivity">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:gravity="center"
+        android:orientation="vertical">
+
+        <androidx.cardview.widget.CardView
+            android:layout_width="80dp"
+            android:layout_height="80dp"
+            android:backgroundTint="@color/blue"
+            app:cardCornerRadius="12dp">
+
+            <ImageView
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:src="@mipmap/ic_launcher" />
+        </androidx.cardview.widget.CardView>
+
+        <TextView
+            android:layout_width="260dp"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="32dp"
+            android:layout_marginBottom="60dp"
+            android:gravity="center"
+            android:lineSpacingExtra="20dp"
+            android:lineSpacingMultiplier="0.6"
+            android:text="@string/app_name"
+            android:textColor="@color/blue"
+            android:textSize="26sp"
+            android:textStyle="bold" />
+    </LinearLayout>
+
+    <ProgressBar
+        android:layout_width="42dp"
+        android:layout_height="42dp"
+        android:layout_gravity="center_horizontal|bottom"
+        android:layout_marginBottom="110dp"
+        android:indeterminateTint="@color/blue"
+        android:visibility="visible" />
+
+</FrameLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_main.xml b/app/src/main/res/layout/activity_main.xml
new file mode 100644
index 0000000..6e75b7d
--- /dev/null
+++ b/app/src/main/res/layout/activity_main.xml
@@ -0,0 +1,176 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout 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"
+    android:background="@color/main_bg_color"
+    tools:context=".ui.activity.MainActivity">
+
+    <View
+        android:id="@+id/view"
+        android:layout_width="match_parent"
+        android:layout_height="0dp" />
+
+    <FrameLayout
+        android:id="@+id/frame_layout"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_above="@+id/bottom_layout"
+        android:layout_below="@+id/view" />
+
+    <LinearLayout
+        android:id="@+id/bottom_layout"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true"
+        android:orientation="vertical">
+
+        <LinearLayout
+            android:id="@+id/playing_status_layout"
+            android:layout_width="match_parent"
+            android:layout_height="62dp"
+            android:background="#FF9992F8"
+            android:gravity="center_vertical"
+            android:paddingStart="18dp">
+
+            <RelativeLayout
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content">
+
+                <androidx.cardview.widget.CardView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_centerInParent="true"
+                    app:cardCornerRadius="32dp">
+
+                    <ImageView
+                        android:id="@+id/audio_img"
+                        android:layout_width="46dp"
+                        android:layout_height="46dp"
+                        android:src="@mipmap/default_list_img" />
+
+                </androidx.cardview.widget.CardView>
+
+                <com.kitobochi.softapp.task.noisetimber.ui.view.CircularProgressBar
+                    android:id="@+id/progressBar"
+                    android:layout_width="50dp"
+                    android:layout_height="50dp"
+                    android:layout_centerInParent="true" />
+            </RelativeLayout>
+
+            <LinearLayout
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_marginStart="12dp"
+                android:layout_marginEnd="12dp"
+                android:layout_weight="1"
+                android:gravity="center_vertical"
+                android:orientation="vertical">
+
+                <com.kitobochi.softapp.task.noisetimber.ui.view.MarqueeTextView
+                    android:id="@+id/name"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:ellipsize="marquee"
+                    android:fontFamily="@font/medium_font"
+                    android:singleLine="true"
+                    android:text="@string/app_name"
+                    android:textColor="@color/text_color"
+                    android:textSize="16dp" />
+
+                <com.kitobochi.softapp.task.noisetimber.ui.view.MarqueeTextView
+                    android:id="@+id/desc"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/regular_font"
+                    android:maxLines="1"
+                    android:text="@string/app_name"
+                    android:textColor="@color/text_color"
+                    android:textSize="14dp" />
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/play_black_btn"
+                android:layout_width="62dp"
+                android:layout_height="62dp"
+                android:gravity="center">
+
+                <ImageView
+                    android:id="@+id/play_status_img"
+                    android:layout_width="28dp"
+                    android:layout_height="28dp"
+                    android:src="@drawable/main_play_icon" />
+
+            </LinearLayout>
+        </LinearLayout>
+
+        <LinearLayout
+            android:id="@+id/tab_layout"
+            android:layout_width="match_parent"
+            android:layout_height="76dp"
+            android:layout_marginTop="4dp"
+            android:orientation="vertical">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:background="@drawable/drw_main_bottom_bg"
+                android:orientation="horizontal">
+
+                <LinearLayout
+                    android:id="@+id/home_btn"
+                    android:layout_width="0dp"
+                    android:layout_height="match_parent"
+                    android:layout_weight="1"
+                    android:gravity="center"
+                    android:orientation="vertical">
+
+                    <ImageView
+                        android:id="@+id/home_img"
+                        android:layout_width="28dp"
+                        android:layout_height="28dp"
+                        android:src="@drawable/selector_home" />
+
+                </LinearLayout>
+
+                <LinearLayout
+                    android:id="@+id/me_btn"
+                    android:layout_width="0dp"
+                    android:layout_height="match_parent"
+                    android:layout_weight="1"
+                    android:gravity="center"
+                    android:orientation="vertical">
+
+                    <ImageView
+                        android:id="@+id/me_img"
+                        android:layout_width="28dp"
+                        android:layout_height="28dp"
+                        android:src="@drawable/me_collect" />
+
+                </LinearLayout>
+
+                <LinearLayout
+                    android:id="@+id/app_setting"
+                    android:layout_width="0dp"
+                    android:layout_height="match_parent"
+                    android:layout_weight="1"
+                    android:gravity="center"
+                    android:orientation="vertical">
+
+                    <ImageView
+                        android:id="@+id/home_setting"
+                        android:layout_width="28dp"
+                        android:layout_height="28dp"
+                        android:src="@drawable/selector_setting" />
+
+                </LinearLayout>
+            </LinearLayout>
+
+
+        </LinearLayout>
+
+    </LinearLayout>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/activity_play_details.xml b/app/src/main/res/layout/activity_play_details.xml
new file mode 100644
index 0000000..714e0e5
--- /dev/null
+++ b/app/src/main/res/layout/activity_play_details.xml
@@ -0,0 +1,195 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout 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"
+    android:background="@color/main_bg_color"
+    android:orientation="vertical">
+
+    <View
+        android:id="@+id/view"
+        android:layout_width="match_parent"
+        android:layout_height="0dp" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:orientation="vertical"
+        android:layout_below="@+id/view">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="54dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal">
+
+            <ImageView
+                android:id="@+id/back_btn"
+                android:layout_width="32dp"
+                android:layout_height="32dp"
+                android:layout_marginStart="10dp"
+                android:padding="4dp"
+                android:src="@drawable/svg_back" />
+
+            <TextView
+                android:id="@+id/title"
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:gravity="center_horizontal"
+                android:text="@string/app_name"
+                android:fontFamily="@font/medium_font"
+                android:textColor="@color/white"
+                android:textSize="20sp" />
+
+        </LinearLayout>
+
+
+        <androidx.cardview.widget.CardView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="28dp"
+            android:layout_marginTop="28dp"
+            android:layout_marginEnd="28dp"
+            app:cardCornerRadius="12dp">
+
+            <LinearLayout
+                android:padding="16dp"
+                android:layout_width="match_parent"
+                android:background="@color/card_color"
+                android:layout_height="match_parent"
+                android:orientation="vertical">
+
+                <androidx.cardview.widget.CardView
+                    android:layout_width="120dp"
+                    android:layout_height="120dp"
+                    android:layout_gravity="center_horizontal"
+                    android:layout_marginTop="20dp"
+                    android:backgroundTint="@color/blue"
+                    app:cardCornerRadius="80dp">
+
+                    <ImageView
+                        android:id="@+id/image"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:scaleType="centerCrop"
+                        android:src="@mipmap/default_list_img" />
+                </androidx.cardview.widget.CardView>
+
+                <TextView
+                    android:id="@+id/name_tv"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginTop="16dp"
+                    android:fontFamily="@font/medium_font"
+                    android:gravity="center"
+                    android:text="@string/app_name"
+                    android:textColor="@color/blue"
+                    android:textSize="16dp" />
+
+                <TextView
+                    android:id="@+id/desc_tv"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginBottom="20dp"
+                    android:fontFamily="@font/medium_font"
+                    android:gravity="center"
+                    android:text="@string/app_name"
+                    android:textColor="@color/blue"
+                    android:textSize="12dp" />
+
+            </LinearLayout>
+
+        </androidx.cardview.widget.CardView>
+
+
+        <androidx.cardview.widget.CardView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="28dp"
+            android:layout_marginTop="16dp"
+            android:layout_marginEnd="28dp"
+            app:cardCornerRadius="12dp">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:paddingStart="16dp"
+                android:background="@color/card_color"
+                android:paddingEnd="16dp"
+                android:gravity="center"
+                android:orientation="horizontal"
+                android:padding="16dp">
+
+                <LinearLayout
+                    android:layout_width="0dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginEnd="16dp"
+                    android:layout_weight="1"
+                    android:orientation="vertical">
+
+
+                    <com.google.android.material.slider.Slider
+                        android:id="@+id/seekBar"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:value="50"
+                        android:valueTo="100"
+                        app:labelBehavior="gone"
+                        app:thumbColor="@color/blue"
+                        app:trackColorActive="@color/blue"
+                        app:trackColorInactive="@color/blue_bg_color"
+                        app:trackHeight="5dp" />
+
+                    <LinearLayout
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:orientation="horizontal">
+
+                        <TextView
+                            android:id="@+id/progress_duration_tv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="12dp"
+                            android:fontFamily="@font/medium_font"
+                            android:text="0:00"
+                            android:textColor="@color/blue"
+                            android:textSize="14dp" />
+
+                        <TextView
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:layout_marginStart="2dp"
+                            android:layout_marginEnd="2dp"
+                            android:fontFamily="@font/medium_font"
+                            android:text="/"
+                            android:textColor="@color/blue"
+                            android:textSize="14dp" />
+
+                        <TextView
+                            android:id="@+id/total_duration_tv"
+                            android:layout_width="wrap_content"
+                            android:layout_height="wrap_content"
+                            android:fontFamily="@font/medium_font"
+                            android:text="00:00"
+                            android:textColor="@color/blue"
+                            android:textSize="14dp" />
+
+                    </LinearLayout>
+                </LinearLayout>
+
+                <ImageView
+                    android:id="@+id/play_img"
+                    android:layout_width="42dp"
+                    android:layout_height="42dp"
+                    android:src="@drawable/details_play_icon" />
+
+            </LinearLayout>
+
+
+        </androidx.cardview.widget.CardView>
+    </LinearLayout>
+
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_home2.xml b/app/src/main/res/layout/fragment_home2.xml
new file mode 100644
index 0000000..53abe7b
--- /dev/null
+++ b/app/src/main/res/layout/fragment_home2.xml
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout 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"
+    android:background="@color/main_bg_color"
+    android:orientation="vertical">
+
+    <View
+        android:id="@+id/view"
+        android:layout_width="match_parent"
+        android:layout_height="0dp" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_below="@+id/view"
+        android:orientation="vertical">
+
+        <androidx.core.widget.NestedScrollView
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:background="@color/main_bg_color">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:orientation="vertical"
+                android:paddingTop="8dp"
+                android:paddingBottom="8dp">
+
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="16dp"
+                    android:gravity="center_vertical">
+
+                    <ImageView
+                        android:layout_width="24dp"
+                        android:layout_height="24dp"
+                        android:src="@mipmap/ic_launcher" />
+
+                    <TextView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_marginStart="8dp"
+                        android:fontFamily="@font/medium_font"
+                        android:gravity="center"
+                        android:paddingTop="8dp"
+                        android:paddingBottom="8dp"
+                        android:text="@string/ready_to_sleep"
+                        android:textColor="@color/white"
+                        android:textSize="20sp" />
+
+                </LinearLayout>
+
+                <TextView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/regular_font"
+                    android:layout_marginStart="16dp"
+                    android:text="Experience the tranquility of our specially designed sleep sounds."
+                    android:textColor="#808080"
+                    android:textSize="14dp" />
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/real_rv"
+                    android:layout_width="375dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="16dp"
+                    android:layout_marginTop="16dp"
+                    android:layout_marginBottom="16dp"
+                    android:overScrollMode="never"
+                    android:scrollbars="none"
+                    tools:itemCount="1"
+                    tools:listitem="@layout/real_human_voice_layout" />
+
+                <TextView
+                    android:id="@+id/sounds_name"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="16dp"
+                    android:fontFamily="@font/medium_font"
+                    android:text="@string/app_name"
+                    android:textColor="@color/blue"
+                    android:textSize="16dp" />
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/sounds_rv"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_margin="16dp"
+                    android:overScrollMode="never"
+                    android:scrollbars="none"
+                    tools:itemCount="1"
+                    tools:listitem="@layout/sounds_of_appliances_layout" />
+
+
+                <TextView
+                    android:id="@+id/nature_name"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="16dp"
+                    android:fontFamily="@font/medium_font"
+                    android:text="@string/app_name"
+                    android:textColor="@color/blue"
+                    android:textSize="16dp" />
+
+
+                <androidx.recyclerview.widget.RecyclerView
+                    android:id="@+id/nature_rv"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_marginStart="16dp"
+                    android:layout_marginTop="16dp"
+                    android:layout_marginBottom="16dp"
+                    android:overScrollMode="never"
+                    android:scrollbars="none"
+                    tools:itemCount="1"
+                    tools:listitem="@layout/sounds_of_nature_layout" />
+
+            </LinearLayout>
+
+        </androidx.core.widget.NestedScrollView>
+    </LinearLayout>
+
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_me.xml b/app/src/main/res/layout/fragment_me.xml
new file mode 100644
index 0000000..d467fbd
--- /dev/null
+++ b/app/src/main/res/layout/fragment_me.xml
@@ -0,0 +1,101 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:background="@color/main_bg_color"
+    android:layout_height="match_parent">
+
+    <View
+        android:id="@+id/view"
+        android:layout_width="match_parent"
+        android:layout_height="0dp" />
+
+    <RelativeLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_below="@+id/view">
+
+        <LinearLayout
+            android:id="@+id/import_layout"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginStart="16dp"
+            android:layout_marginTop="28dp"
+            android:layout_marginEnd="16dp"
+            android:orientation="horizontal">
+
+            <TextView
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="@font/medium_font"
+                android:text="@string/me"
+                android:textColor="@color/white"
+                android:textSize="32dp" />
+
+            <View
+                android:layout_width="0dp"
+                android:layout_height="match_parent"
+                android:layout_weight="1" />
+
+            <LinearLayout
+                android:id="@+id/add_btn"
+                android:layout_width="48dp"
+                android:layout_height="48dp"
+                android:gravity="center">
+
+                <ImageView
+                    android:layout_width="32dp"
+                    android:layout_height="32dp"
+                    android:src="@drawable/add_icon" />
+
+            </LinearLayout>
+        </LinearLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:layout_below="@+id/import_layout"
+            android:gravity="center"
+            android:orientation="vertical">
+
+            <LinearLayout
+                android:id="@+id/loading_layout"
+                android:layout_width="match_parent"
+                android:visibility="gone"
+                android:layout_height="match_parent"
+                android:gravity="center">
+
+                <ProgressBar
+                    android:layout_width="wrap_content"
+                    android:indeterminateTint="@color/green"
+                    android:progressBackgroundTint="@color/green"
+                    android:progressTint="@color/green"
+                    android:layout_height="wrap_content" />
+
+            </LinearLayout>
+
+            <LinearLayout
+                android:id="@+id/no_content_layout"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:gravity="center"
+                android:orientation="vertical"
+                android:visibility="visible">
+
+                <ImageView
+                    android:id="@+id/no_content_iv"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:src="@mipmap/no_content_img" />
+
+            </LinearLayout>
+
+            <androidx.recyclerview.widget.RecyclerView
+                android:id="@+id/import_rv"
+                android:layout_marginTop="16dp"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent" />
+
+        </LinearLayout>
+
+    </RelativeLayout>
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_setting.xml b/app/src/main/res/layout/fragment_setting.xml
new file mode 100644
index 0000000..c1a33a8
--- /dev/null
+++ b/app/src/main/res/layout/fragment_setting.xml
@@ -0,0 +1,236 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/main_bg_color"
+    android:orientation="vertical">
+
+    <View
+        android:id="@+id/view"
+        android:layout_width="match_parent"
+        android:layout_height="0dp" />
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_below="@+id/view"
+        android:orientation="vertical">
+
+        <TextView
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:fontFamily="@font/medium_font"
+            android:gravity="center_horizontal"
+            android:paddingTop="8dp"
+            android:paddingBottom="8dp"
+            android:text="@string/settings"
+            android:textColor="@color/white"
+            android:textSize="20sp" />
+
+        <androidx.core.widget.NestedScrollView
+            android:layout_width="match_parent"
+            android:layout_height="match_parent">
+
+            <LinearLayout
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:background="@color/main_bg_color"
+                android:orientation="vertical">
+
+
+                <androidx.cardview.widget.CardView
+                    android:layout_width="match_parent"
+                    android:layout_height="60dp"
+                    android:layout_marginStart="28dp"
+                    android:layout_marginTop="28dp"
+                    android:layout_marginEnd="28dp"
+                    app:cardCornerRadius="12dp">
+
+                    <LinearLayout
+                        android:id="@+id/about_btn"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:background="@color/card_color"
+                        android:gravity="center_vertical"
+                        android:orientation="horizontal">
+
+                        <TextView
+                            android:layout_width="0dp"
+                            android:layout_height="match_parent"
+                            android:layout_marginStart="20dp"
+                            android:layout_weight="1"
+                            android:fontFamily="@font/medium_font"
+                            android:gravity="center_vertical"
+                            android:text="@string/about"
+                            android:textColor="@color/white"
+                            android:textSize="16dp" />
+
+                        <ImageView
+                            android:layout_width="24dp"
+                            android:layout_height="24dp"
+                            android:layout_marginStart="25dp"
+                            android:layout_marginEnd="16dp"
+                            android:padding="2dp"
+                            android:src="@drawable/svg_go" />
+                    </LinearLayout>
+
+                </androidx.cardview.widget.CardView>
+
+                <androidx.cardview.widget.CardView
+                    android:layout_width="match_parent"
+                    android:layout_height="60dp"
+                    android:layout_marginStart="28dp"
+                    android:layout_marginTop="18dp"
+                    android:layout_marginEnd="28dp"
+                    app:cardCornerRadius="12dp">
+
+                    <LinearLayout
+                        android:id="@+id/feedback_btn"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:background="@color/card_color"
+                        android:gravity="center_vertical"
+                        android:orientation="horizontal">
+
+                        <TextView
+                            android:layout_width="0dp"
+                            android:layout_height="match_parent"
+                            android:layout_marginStart="20dp"
+                            android:layout_weight="1"
+                            android:fontFamily="@font/medium_font"
+                            android:gravity="center_vertical"
+                            android:text="@string/feedback"
+                            android:textColor="@color/white"
+                            android:textSize="16dp" />
+
+                        <ImageView
+                            android:layout_width="27dp"
+                            android:layout_height="27dp"
+                            android:layout_marginEnd="16dp"
+                            android:padding="2dp"
+                            android:src="@drawable/svg_go" />
+                    </LinearLayout>
+
+                </androidx.cardview.widget.CardView>
+
+
+                <androidx.cardview.widget.CardView
+                    android:layout_width="match_parent"
+                    android:layout_height="60dp"
+                    android:layout_marginStart="28dp"
+                    android:layout_marginTop="18dp"
+                    android:layout_marginEnd="28dp"
+                    app:cardCornerRadius="12dp">
+
+                    <LinearLayout
+                        android:id="@+id/share_btn"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:background="@color/card_color"
+                        android:gravity="center_vertical"
+                        android:orientation="horizontal">
+
+                        <TextView
+                            android:layout_width="0dp"
+                            android:layout_height="match_parent"
+                            android:layout_marginStart="20dp"
+                            android:layout_weight="1"
+                            android:fontFamily="@font/medium_font"
+                            android:gravity="center_vertical"
+                            android:text="@string/share"
+                            android:textColor="@color/white"
+                            android:textSize="16dp" />
+
+                        <ImageView
+                            android:layout_width="27dp"
+                            android:layout_height="27dp"
+                            android:layout_marginEnd="16dp"
+                            android:padding="2dp"
+                            android:src="@drawable/svg_go" />
+                    </LinearLayout>
+
+                </androidx.cardview.widget.CardView>
+
+
+                <androidx.cardview.widget.CardView
+                    android:layout_width="match_parent"
+                    android:layout_height="60dp"
+                    android:layout_marginStart="28dp"
+                    android:layout_marginTop="18dp"
+                    android:layout_marginEnd="28dp"
+                    app:cardCornerRadius="12dp">
+
+                    <LinearLayout
+                        android:id="@+id/pp_btn"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:background="@color/card_color"
+                        android:gravity="center_vertical"
+                        android:orientation="horizontal">
+
+
+                        <TextView
+                            android:layout_width="0dp"
+                            android:layout_height="match_parent"
+                            android:layout_marginStart="20dp"
+                            android:layout_weight="1"
+                            android:fontFamily="@font/medium_font"
+                            android:gravity="center_vertical"
+                            android:text="@string/privacy_policy"
+                            android:textColor="@color/white"
+                            android:textSize="16dp" />
+
+                        <ImageView
+                            android:layout_width="27dp"
+                            android:layout_height="27dp"
+                            android:layout_marginEnd="16dp"
+                            android:padding="2dp"
+                            android:src="@drawable/svg_go" />
+                    </LinearLayout>
+                </androidx.cardview.widget.CardView>
+
+
+                <androidx.cardview.widget.CardView
+                    android:layout_width="match_parent"
+                    android:layout_height="60dp"
+                    android:layout_marginStart="28dp"
+                    android:layout_marginTop="18dp"
+                    android:layout_marginEnd="28dp"
+                    app:cardCornerRadius="12dp">
+
+                    <LinearLayout
+                        android:id="@+id/tos_btn"
+                        android:layout_width="match_parent"
+                        android:layout_height="match_parent"
+                        android:background="@color/card_color"
+                        android:gravity="center_vertical"
+                        android:orientation="horizontal">
+
+
+                        <TextView
+                            android:layout_width="0dp"
+                            android:layout_height="match_parent"
+                            android:layout_marginStart="20dp"
+                            android:layout_weight="1"
+                            android:fontFamily="@font/medium_font"
+                            android:gravity="center_vertical"
+                            android:text="@string/terms_of_service"
+                            android:textColor="@color/white"
+                            android:textSize="16dp" />
+
+                        <ImageView
+                            android:layout_width="27dp"
+                            android:layout_height="27dp"
+                            android:layout_marginEnd="16dp"
+                            android:padding="2dp"
+                            android:src="@drawable/svg_go" />
+                    </LinearLayout>
+                </androidx.cardview.widget.CardView>
+
+            </LinearLayout>
+
+        </androidx.core.widget.NestedScrollView>
+    </LinearLayout>
+
+</RelativeLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/parents_voice_layout.xml b/app/src/main/res/layout/parents_voice_layout.xml
new file mode 100644
index 0000000..b4bc328
--- /dev/null
+++ b/app/src/main/res/layout/parents_voice_layout.xml
@@ -0,0 +1,90 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginStart="16dp"
+        android:layout_marginEnd="16dp"
+        android:layout_marginBottom="16dp"
+        android:gravity="center_vertical"
+        android:orientation="horizontal">
+
+        <androidx.cardview.widget.CardView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:cardCornerRadius="32dp">
+
+            <RelativeLayout
+                android:layout_width="54dp"
+                android:layout_height="54dp">
+
+                <ImageView
+                    android:id="@+id/image"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:scaleType="centerCrop"
+                    android:src="@mipmap/default_list_img" />
+
+                <RelativeLayout
+                    android:id="@+id/playing_layout"
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:background="#B3000000"
+                    android:visibility="gone">
+
+                    <ImageView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_centerInParent="true"
+                        android:src="@drawable/playing_small_icon" />
+
+                </RelativeLayout>
+            </RelativeLayout>
+
+        </androidx.cardview.widget.CardView>
+
+
+        <LinearLayout
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_marginStart="12dp"
+            android:layout_marginEnd="12dp"
+            android:layout_weight="1"
+            android:gravity="center_vertical"
+            android:orientation="vertical">
+
+            <com.kitobochi.softapp.task.noisetimber.ui.view.MarqueeTextView
+                android:id="@+id/name"
+                android:layout_width="200dp"
+                android:layout_height="wrap_content"
+                android:fontFamily="@font/medium_font"
+                android:text="@string/app_name"
+                android:textColor="@color/white"
+                android:textSize="14sp" />
+
+            <TextView
+                android:id="@+id/desc"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="@font/regular_font"
+                android:text="@string/app_name"
+                android:textColor="@color/white_60"
+                android:textSize="10sp" />
+
+        </LinearLayout>
+
+        <ImageView
+            android:id="@+id/stateImg"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginEnd="16dp"
+            android:src="@drawable/play_main_item_icon"
+            android:visibility="gone" />
+    </LinearLayout>
+
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/real_human_voice_layout.xml b/app/src/main/res/layout/real_human_voice_layout.xml
new file mode 100644
index 0000000..b5e0438
--- /dev/null
+++ b/app/src/main/res/layout/real_human_voice_layout.xml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content">
+
+    <RelativeLayout
+        android:layout_width="166dp"
+        android:layout_height="140dp">
+
+        <com.kitobochi.softapp.task.noisetimber.ui.view.BlurLayout
+            android:layout_width="match_parent"
+            android:layout_height="match_parent">
+
+            <ImageView
+                android:id="@+id/real_img"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:scaleType="centerCrop" />
+
+        </com.kitobochi.softapp.task.noisetimber.ui.view.BlurLayout>
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="50dp"
+            android:layout_alignParentBottom="true"
+            android:layout_marginStart="12dp"
+            android:layout_marginEnd="12dp"
+            android:gravity="center_vertical"
+            android:orientation="horizontal">
+
+            <LinearLayout
+                android:layout_width="0dp"
+                android:layout_height="wrap_content"
+                android:layout_weight="1"
+                android:gravity="center_vertical"
+                android:orientation="vertical">
+
+                <TextView
+                    android:id="@+id/name"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/medium_font"
+                    android:text="@string/app_name"
+                    android:maxLines="1"
+                    android:ellipsize="end"
+                    android:textColor="@color/white"
+                    android:textSize="14dp" />
+
+                <TextView
+                    android:id="@+id/desc"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:fontFamily="@font/regular_font"
+                    android:text="@string/app_name"
+                    android:textColor="@color/white_60"
+                    android:textSize="11dp" />
+
+            </LinearLayout>
+
+            <ImageView
+                android:id="@+id/stateImg"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:src="@drawable/amin_item_play_icon" />
+        </LinearLayout>
+
+    </RelativeLayout>
+
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/sounds_of_appliances_layout.xml b/app/src/main/res/layout/sounds_of_appliances_layout.xml
new file mode 100644
index 0000000..5fa808e
--- /dev/null
+++ b/app/src/main/res/layout/sounds_of_appliances_layout.xml
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content">
+
+    <LinearLayout
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:orientation="vertical">
+
+        <RelativeLayout
+            android:layout_width="108dp"
+            android:layout_height="118dp">
+
+            <ImageView
+                android:id="@+id/image"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:scaleType="centerCrop"
+                android:src="@mipmap/ic_launcher" />
+
+            <RelativeLayout
+                android:id="@+id/playing_layout"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:background="#B3000000"
+                android:visibility="gone">
+
+                <ImageView
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_centerInParent="true"
+                    android:src="@drawable/playing_small_icon" />
+
+            </RelativeLayout>
+        </RelativeLayout>
+
+        <TextView
+            android:id="@+id/name"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="10dp"
+            android:fontFamily="@font/medium_font"
+            android:gravity="center"
+            android:text="@string/app_name"
+            android:textColor="@color/white"
+            android:textSize="14dp" />
+
+        <TextView
+            android:id="@+id/desc"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:fontFamily="@font/regular_font"
+            android:gravity="center"
+            android:text="@string/app_name"
+            android:textColor="@color/white_60"
+            android:textSize="12dp" />
+
+    </LinearLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/layout/sounds_of_nature_layout.xml b/app/src/main/res/layout/sounds_of_nature_layout.xml
new file mode 100644
index 0000000..7b25e62
--- /dev/null
+++ b/app/src/main/res/layout/sounds_of_nature_layout.xml
@@ -0,0 +1,85 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    android:layout_width="wrap_content"
+    android:layout_height="wrap_content">
+
+    <LinearLayout
+        android:layout_width="300dp"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="16dp"
+        android:gravity="center_vertical"
+        android:orientation="horizontal">
+
+        <androidx.cardview.widget.CardView
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            app:cardCornerRadius="10dp">
+
+            <RelativeLayout
+                android:layout_width="54dp"
+                android:layout_height="54dp">
+
+                <ImageView
+                    android:id="@+id/image"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:scaleType="centerCrop"
+                    android:src="@mipmap/ic_launcher" />
+
+                <RelativeLayout
+                    android:id="@+id/playing_layout"
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:background="#B3000000"
+                    android:visibility="gone">
+
+                    <ImageView
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_centerInParent="true"
+                        android:src="@drawable/playing_small_icon" />
+
+                </RelativeLayout>
+            </RelativeLayout>
+
+        </androidx.cardview.widget.CardView>
+
+
+        <LinearLayout
+            android:layout_width="0dp"
+            android:layout_height="match_parent"
+            android:layout_marginStart="12dp"
+            android:layout_marginEnd="12dp"
+            android:layout_weight="1"
+            android:gravity="center_vertical"
+            android:orientation="vertical">
+
+            <TextView
+                android:id="@+id/name"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="@font/medium_font"
+                android:text="@string/app_name"
+                android:textColor="@color/white"
+                android:textSize="12sp" />
+
+            <TextView
+                android:id="@+id/desc"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:fontFamily="@font/regular_font"
+                android:text="@string/app_name"
+                android:textColor="@color/white_60"
+                android:textSize="10sp" />
+
+        </LinearLayout>
+
+        <ImageView
+            android:id="@+id/stateImg"
+            android:layout_width="wrap_content"
+            android:layout_marginEnd="16dp"
+            android:layout_height="wrap_content"
+            android:src="@drawable/play_main_item_icon" />
+    </LinearLayout>
+</LinearLayout>
\ No newline at end of file
diff --git a/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
new file mode 100644
index 0000000..6f3b755
--- /dev/null
+++ b/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml
@@ -0,0 +1,6 @@
+<?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" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
new file mode 100644
index 0000000..6f3b755
--- /dev/null
+++ b/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml
@@ -0,0 +1,6 @@
+<?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" />
+    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
+</adaptive-icon>
\ No newline at end of file
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher.webp b/app/src/main/res/mipmap-hdpi/ic_launcher.webp
new file mode 100644
index 0000000..c209e78
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher.webp differ
diff --git a/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp b/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..b2dfe3d
Binary files /dev/null and b/app/src/main/res/mipmap-hdpi/ic_launcher_round.webp differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher.webp b/app/src/main/res/mipmap-mdpi/ic_launcher.webp
new file mode 100644
index 0000000..4f0f1d6
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher.webp differ
diff --git a/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp b/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..62b611d
Binary files /dev/null and b/app/src/main/res/mipmap-mdpi/ic_launcher_round.webp differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher.webp b/app/src/main/res/mipmap-xhdpi/ic_launcher.webp
new file mode 100644
index 0000000..948a307
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher.webp differ
diff --git a/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp b/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..1b9a695
Binary files /dev/null and b/app/src/main/res/mipmap-xhdpi/ic_launcher_round.webp differ
diff --git a/app/src/main/res/mipmap-xxhdpi/default_list_img.png b/app/src/main/res/mipmap-xxhdpi/default_list_img.png
new file mode 100644
index 0000000..a79601e
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/default_list_img.png differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp b/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp
new file mode 100644
index 0000000..28d4b77
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher.webp differ
diff --git a/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..9287f50
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.webp differ
diff --git a/app/src/main/res/mipmap-xxhdpi/no_content_img.png b/app/src/main/res/mipmap-xxhdpi/no_content_img.png
new file mode 100644
index 0000000..dee1ce2
Binary files /dev/null and b/app/src/main/res/mipmap-xxhdpi/no_content_img.png differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp b/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp
new file mode 100644
index 0000000..aa7d642
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher.webp differ
diff --git a/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp
new file mode 100644
index 0000000..9126ae3
Binary files /dev/null and b/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.webp differ
diff --git a/app/src/main/res/values-night/themes.xml b/app/src/main/res/values-night/themes.xml
new file mode 100644
index 0000000..5b7fa4e
--- /dev/null
+++ b/app/src/main/res/values-night/themes.xml
@@ -0,0 +1,7 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Base.Theme.NoiseTimber" parent="Theme.Material3.DayNight.NoActionBar">
+        <!-- Customize your dark theme here. -->
+        <!-- <item name="colorPrimary">@color/my_dark_primary</item> -->
+    </style>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/colors.xml b/app/src/main/res/values/colors.xml
new file mode 100644
index 0000000..73022d4
--- /dev/null
+++ b/app/src/main/res/values/colors.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="black">#FF2C2C2C</color>
+    <color name="black_60">#99000000</color>
+    <color name="white">#FFFFFFFF</color>
+    <color name="white_60">#99FFFFFF</color>
+    <color name="main_bg_color">#1C1C1C</color>
+    <color name="green">#FF80F988</color>
+    <color name="red">#FFD6001A</color>
+    <color name="purple">#FF8E8EFE</color>
+    <color name="blue">#FF9992F8</color>
+    <color name="pink">#FFFFE4E1</color>
+    <color name="yellow_color">#FFFF9800</color>
+    <color name="blue_bg_color">#80BFEFFF</color>
+    <color name="pink_bg_color">#FFFFE4E1</color>
+    <color name="white_sw_color">#E5E5E5</color>
+    <color name="text_color">#FF000000</color>
+    <color name="card_color">#000000</color>
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/dimens.xml b/app/src/main/res/values/dimens.xml
new file mode 100644
index 0000000..8afad94
--- /dev/null
+++ b/app/src/main/res/values/dimens.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <dimen name="spacing">8dp</dimen>
+</resources>
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
new file mode 100644
index 0000000..9d5f291
--- /dev/null
+++ b/app/src/main/res/values/strings.xml
@@ -0,0 +1,33 @@
+<resources>
+    <string name="app_name">ProMusic</string>
+
+    <string name="ready_to_sleep">Ready to sleep</string>
+    <string name="home_top_desc">Have the sound for you</string>
+    <string name="data_error">Data Error</string>
+    <string name="me">Me</string>
+    <string name="permission_request">Permission Request</string>
+    <string name="permission_request_desc">We need access to your audio files to allow you to select music. Please grant access to storage in order to select music files.</string>
+    <string name="ok">OK</string>
+    <string name="cancel">Cancel</string>
+    <string name="prompt">Prompt</string>
+    <string name="no_data_prompt_dialog_content">It looks like there\'s no data. Please add some and try again.</string>
+    <string name="settings">Settings</string>
+    <string name="about">About</string>
+    <string name="feedback">Feedback</string>
+    <string name="share">Share</string>
+    <string name="privacy_policy">Privacy Policy</string>
+    <string name="terms_of_service">Terms of Service</string>
+    <string name="listen_music_anytime">Listen Music Anytime</string>
+    <string name="resource_loading">Resource Loading…</string>
+
+    <string name="home_bt_home">Home</string>
+    <string name="home_bt_collect">Collect</string>
+    <string name="home_bt_import">Import</string>
+    <string name="home_bt_setting">Setting</string>
+    <string name="import_null">You have not collected yet!</string>
+
+    <string name="collect_title">My Collect</string>
+
+    <string name="delete_all">Clear all collections</string>
+
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/values/themes.xml b/app/src/main/res/values/themes.xml
new file mode 100644
index 0000000..5136804
--- /dev/null
+++ b/app/src/main/res/values/themes.xml
@@ -0,0 +1,10 @@
+<resources xmlns:tools="http://schemas.android.com/tools">
+    <!-- Base application theme. -->
+    <style name="Base.Theme.NoiseTimber" parent="Theme.Material3.DayNight.NoActionBar">
+        <!-- Customize your light theme here. -->
+        <!-- <item name="colorPrimary">@color/my_light_primary</item> -->
+        <item name="android:progressTint">@color/blue</item>
+    </style>
+
+    <style name="Theme.NoiseTimber" parent="Base.Theme.NoiseTimber" />
+</resources>
\ No newline at end of file
diff --git a/app/src/main/res/xml/backup_rules.xml b/app/src/main/res/xml/backup_rules.xml
new file mode 100644
index 0000000..fa0f996
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/app/src/main/res/xml/data_extraction_rules.xml b/app/src/main/res/xml/data_extraction_rules.xml
new file mode 100644
index 0000000..9ee9997
--- /dev/null
+++ b/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>
\ No newline at end of file
diff --git a/app/src/test/java/com/kitobochi/softapp/task/noisetimber/ExampleUnitTest.kt b/app/src/test/java/com/kitobochi/softapp/task/noisetimber/ExampleUnitTest.kt
new file mode 100644
index 0000000..dab098a
--- /dev/null
+++ b/app/src/test/java/com/kitobochi/softapp/task/noisetimber/ExampleUnitTest.kt
@@ -0,0 +1,17 @@
+package com.kitobochi.softapp.task.noisetimber
+
+import org.junit.Test
+
+import org.junit.Assert.*
+
+/**
+ * Example local unit test, which will execute on the development machine (host).
+ *
+ * See [testing documentation](http://d.android.com/tools/testing).
+ */
+class ExampleUnitTest {
+    @Test
+    fun addition_isCorrect() {
+        assertEquals(4, 2 + 2)
+    }
+}
\ No newline at end of file
diff --git a/build.gradle.kts b/build.gradle.kts
new file mode 100644
index 0000000..b77c867
--- /dev/null
+++ b/build.gradle.kts
@@ -0,0 +1,6 @@
+// Top-level build file where you can add configuration options common to all sub-projects/modules.
+plugins {
+    id("com.android.application") version "8.2.1" apply false
+    id("org.jetbrains.kotlin.plugin.serialization") version "1.7.20" apply false
+    id("org.jetbrains.kotlin.android") version "1.9.22" apply false
+}
\ No newline at end of file
diff --git a/gradle.properties b/gradle.properties
new file mode 100644
index 0000000..20e2a01
--- /dev/null
+++ b/gradle.properties
@@ -0,0 +1,23 @@
+# Project-wide Gradle settings.
+# IDE (e.g. Android Studio) users:
+# Gradle settings configured through the IDE *will override*
+# any settings specified in this file.
+# For more details on how to configure your build environment visit
+# http://www.gradle.org/docs/current/userguide/build_environment.html
+# Specifies the JVM arguments used for the daemon process.
+# The setting is particularly useful for tweaking memory settings.
+org.gradle.jvmargs=-Xmx2048m -Dfile.encoding=UTF-8
+# When configured, Gradle will run in incubating parallel mode.
+# This option should only be used with decoupled projects. For more details, visit
+# https://developer.android.com/r/tools/gradle-multi-project-decoupled-projects
+# org.gradle.parallel=true
+# AndroidX package structure to make it clearer which packages are bundled with the
+# Android operating system, and which are packaged with your app's APK
+# https://developer.android.com/topic/libraries/support-library/androidx-rn
+android.useAndroidX=true
+# Kotlin code style for this project: "official" or "obsolete":
+kotlin.code.style=official
+# Enables namespacing of each library's R class so that its R class includes only the
+# resources declared in the library itself and none from the library's dependencies,
+# thereby reducing the size of the R class for that library
+android.nonTransitiveRClass=true
\ No newline at end of file
diff --git a/gradle/libs.versions.toml b/gradle/libs.versions.toml
new file mode 100644
index 0000000..410ea93
--- /dev/null
+++ b/gradle/libs.versions.toml
@@ -0,0 +1,35 @@
+[versions]
+agp = "8.3.2"
+kotlin = "1.9.0"
+coreKtx = "1.13.1"
+junit = "4.13.2"
+junitVersion = "1.1.5"
+espressoCore = "3.5.1"
+appcompat = "1.6.1"
+lifecycleLivedataKtx = "2.8.1"
+material = "1.12.0"
+activity = "1.8.0"
+constraintlayout = "2.1.4"
+media3Common = "1.3.1"
+media3Ui = "1.3.1"
+media3Exoplayer = "1.3.1"
+
+[libraries]
+androidx-core-ktx = { group = "androidx.core", name = "core-ktx", version.ref = "coreKtx" }
+androidx-lifecycle-livedata-ktx = { module = "androidx.lifecycle:lifecycle-livedata-ktx", version.ref = "lifecycleLivedataKtx" }
+androidx-lifecycle-viewmodel-ktx = { module = "androidx.lifecycle:lifecycle-viewmodel-ktx", version.ref = "lifecycleLivedataKtx" }
+androidx-media3-common = { module = "androidx.media3:media3-common", version.ref = "media3Common" }
+androidx-media3-ui = { module = "androidx.media3:media3-ui", version.ref = "media3Ui" }
+androidx-media3-exoplayer = { module = "androidx.media3:media3-exoplayer", version.ref = "media3Exoplayer" }
+junit = { group = "junit", name = "junit", version.ref = "junit" }
+androidx-junit = { group = "androidx.test.ext", name = "junit", version.ref = "junitVersion" }
+androidx-espresso-core = { group = "androidx.test.espresso", name = "espresso-core", version.ref = "espressoCore" }
+androidx-appcompat = { group = "androidx.appcompat", name = "appcompat", version.ref = "appcompat" }
+material = { group = "com.google.android.material", name = "material", version.ref = "material" }
+androidx-activity = { group = "androidx.activity", name = "activity", version.ref = "activity" }
+androidx-constraintlayout = { group = "androidx.constraintlayout", name = "constraintlayout", version.ref = "constraintlayout" }
+
+[plugins]
+androidApplication = { id = "com.android.application", version.ref = "agp" }
+jetbrainsKotlinAndroid = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
+
diff --git a/gradle/wrapper/gradle-wrapper.jar b/gradle/wrapper/gradle-wrapper.jar
new file mode 100644
index 0000000..e708b1c
Binary files /dev/null and b/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
new file mode 100644
index 0000000..679add3
--- /dev/null
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -0,0 +1,6 @@
+#Wed May 22 16:17:15 CST 2024
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.4-bin.zip
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
diff --git a/gradlew b/gradlew
new file mode 100644
index 0000000..4f906e0
--- /dev/null
+++ b/gradlew
@@ -0,0 +1,185 @@
+#!/usr/bin/env sh
+
+#
+# Copyright 2015 the original author or authors.
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#      https://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+
+##############################################################################
+##
+##  Gradle start up script for UN*X
+##
+##############################################################################
+
+# Attempt to set APP_HOME
+# Resolve links: $0 may be a link
+PRG="$0"
+# Need this for relative symlinks.
+while [ -h "$PRG" ] ; do
+    ls=`ls -ld "$PRG"`
+    link=`expr "$ls" : '.*-> \(.*\)$'`
+    if expr "$link" : '/.*' > /dev/null; then
+        PRG="$link"
+    else
+        PRG=`dirname "$PRG"`"/$link"
+    fi
+done
+SAVED="`pwd`"
+cd "`dirname \"$PRG\"`/" >/dev/null
+APP_HOME="`pwd -P`"
+cd "$SAVED" >/dev/null
+
+APP_NAME="Gradle"
+APP_BASE_NAME=`basename "$0"`
+
+# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"'
+
+# Use the maximum available, or set MAX_FD != -1 to use that value.
+MAX_FD="maximum"
+
+warn () {
+    echo "$*"
+}
+
+die () {
+    echo
+    echo "$*"
+    echo
+    exit 1
+}
+
+# OS specific support (must be 'true' or 'false').
+cygwin=false
+msys=false
+darwin=false
+nonstop=false
+case "`uname`" in
+  CYGWIN* )
+    cygwin=true
+    ;;
+  Darwin* )
+    darwin=true
+    ;;
+  MINGW* )
+    msys=true
+    ;;
+  NONSTOP* )
+    nonstop=true
+    ;;
+esac
+
+CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
+
+
+# Determine the Java command to use to start the JVM.
+if [ -n "$JAVA_HOME" ] ; then
+    if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
+        # IBM's JDK on AIX uses strange locations for the executables
+        JAVACMD="$JAVA_HOME/jre/sh/java"
+    else
+        JAVACMD="$JAVA_HOME/bin/java"
+    fi
+    if [ ! -x "$JAVACMD" ] ; then
+        die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+    fi
+else
+    JAVACMD="java"
+    which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+
+Please set the JAVA_HOME variable in your environment to match the
+location of your Java installation."
+fi
+
+# Increase the maximum file descriptors if we can.
+if [ "$cygwin" = "false" -a "$darwin" = "false" -a "$nonstop" = "false" ] ; then
+    MAX_FD_LIMIT=`ulimit -H -n`
+    if [ $? -eq 0 ] ; then
+        if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
+            MAX_FD="$MAX_FD_LIMIT"
+        fi
+        ulimit -n $MAX_FD
+        if [ $? -ne 0 ] ; then
+            warn "Could not set maximum file descriptor limit: $MAX_FD"
+        fi
+    else
+        warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
+    fi
+fi
+
+# For Darwin, add options to specify how the application appears in the dock
+if $darwin; then
+    GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
+fi
+
+# For Cygwin or MSYS, switch paths to Windows format before running java
+if [ "$cygwin" = "true" -o "$msys" = "true" ] ; then
+    APP_HOME=`cygpath --path --mixed "$APP_HOME"`
+    CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
+
+    JAVACMD=`cygpath --unix "$JAVACMD"`
+
+    # We build the pattern for arguments to be converted via cygpath
+    ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
+    SEP=""
+    for dir in $ROOTDIRSRAW ; do
+        ROOTDIRS="$ROOTDIRS$SEP$dir"
+        SEP="|"
+    done
+    OURCYGPATTERN="(^($ROOTDIRS))"
+    # Add a user-defined pattern to the cygpath arguments
+    if [ "$GRADLE_CYGPATTERN" != "" ] ; then
+        OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
+    fi
+    # Now convert the arguments - kludge to limit ourselves to /bin/sh
+    i=0
+    for arg in "$@" ; do
+        CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
+        CHECK2=`echo "$arg"|egrep -c "^-"`                                 ### Determine if an option
+
+        if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then                    ### Added a condition
+            eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
+        else
+            eval `echo args$i`="\"$arg\""
+        fi
+        i=`expr $i + 1`
+    done
+    case $i in
+        0) set -- ;;
+        1) set -- "$args0" ;;
+        2) set -- "$args0" "$args1" ;;
+        3) set -- "$args0" "$args1" "$args2" ;;
+        4) set -- "$args0" "$args1" "$args2" "$args3" ;;
+        5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
+        6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
+        7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
+        8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
+        9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
+    esac
+fi
+
+# Escape application args
+save () {
+    for i do printf %s\\n "$i" | sed "s/'/'\\\\''/g;1s/^/'/;\$s/\$/' \\\\/" ; done
+    echo " "
+}
+APP_ARGS=`save "$@"`
+
+# Collect all arguments for the java command, following the shell quoting and substitution rules
+eval set -- $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS "\"-Dorg.gradle.appname=$APP_BASE_NAME\"" -classpath "\"$CLASSPATH\"" org.gradle.wrapper.GradleWrapperMain "$APP_ARGS"
+
+exec "$JAVACMD" "$@"
diff --git a/gradlew.bat b/gradlew.bat
new file mode 100644
index 0000000..ac1b06f
--- /dev/null
+++ b/gradlew.bat
@@ -0,0 +1,89 @@
+@rem
+@rem Copyright 2015 the original author or authors.
+@rem
+@rem Licensed under the Apache License, Version 2.0 (the "License");
+@rem you may not use this file except in compliance with the License.
+@rem You may obtain a copy of the License at
+@rem
+@rem      https://www.apache.org/licenses/LICENSE-2.0
+@rem
+@rem Unless required by applicable law or agreed to in writing, software
+@rem distributed under the License is distributed on an "AS IS" BASIS,
+@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+@rem See the License for the specific language governing permissions and
+@rem limitations under the License.
+@rem
+
+@if "%DEBUG%" == "" @echo off
+@rem ##########################################################################
+@rem
+@rem  Gradle startup script for Windows
+@rem
+@rem ##########################################################################
+
+@rem Set local scope for the variables with windows NT shell
+if "%OS%"=="Windows_NT" setlocal
+
+set DIRNAME=%~dp0
+if "%DIRNAME%" == "" set DIRNAME=.
+set APP_BASE_NAME=%~n0
+set APP_HOME=%DIRNAME%
+
+@rem Resolve any "." and ".." in APP_HOME to make it shorter.
+for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi
+
+@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script.
+set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m"
+
+@rem Find java.exe
+if defined JAVA_HOME goto findJavaFromJavaHome
+
+set JAVA_EXE=java.exe
+%JAVA_EXE% -version >NUL 2>&1
+if "%ERRORLEVEL%" == "0" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:findJavaFromJavaHome
+set JAVA_HOME=%JAVA_HOME:"=%
+set JAVA_EXE=%JAVA_HOME%/bin/java.exe
+
+if exist "%JAVA_EXE%" goto execute
+
+echo.
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
+echo.
+echo Please set the JAVA_HOME variable in your environment to match the
+echo location of your Java installation.
+
+goto fail
+
+:execute
+@rem Setup the command line
+
+set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar
+
+
+@rem Execute Gradle
+"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %*
+
+:end
+@rem End local scope for the variables with windows NT shell
+if "%ERRORLEVEL%"=="0" goto mainEnd
+
+:fail
+rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of
+rem the _cmd.exe /c_ return code!
+if  not "" == "%GRADLE_EXIT_CONSOLE%" exit 1
+exit /b 1
+
+:mainEnd
+if "%OS%"=="Windows_NT" endlocal
+
+:omega
diff --git a/settings.gradle.kts b/settings.gradle.kts
new file mode 100644
index 0000000..6885362
--- /dev/null
+++ b/settings.gradle.kts
@@ -0,0 +1,25 @@
+pluginManagement {
+    repositories {
+        google {
+            content {
+                includeGroupByRegex("com\\.android.*")
+                includeGroupByRegex("com\\.google.*")
+                includeGroupByRegex("androidx.*")
+            }
+        }
+        mavenCentral()
+        gradlePluginPortal()
+    }
+}
+dependencyResolutionManagement {
+    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
+    repositories {
+        google()
+        mavenCentral()
+        maven("https://jitpack.io")
+    }
+}
+
+rootProject.name = "ProMusic"
+include(":app")
+ 
\ No newline at end of file