diff --git a/.idea/misc.xml b/.idea/misc.xml
index f59dc53..c30c4c0 100644
--- a/.idea/misc.xml
+++ b/.idea/misc.xml
@@ -3,6 +3,8 @@
   <component name="DesignSurface">
     <option name="filePathToZoomLevelMap">
       <map>
+        <entry key="app/src/main/res/layout/activity_main.xml" value="0.20833333333333334" />
+        <entry key="app/src/main/res/layout/activity_player_offline.xml" value="0.20833333333333334" />
         <entry key="customexoplayer/src/main/res/drawable/ic_done.xml" value="0.19166666666666668" />
         <entry key="customexoplayer/src/main/res/layout/download_progress.xml" value="0.20833333333333334" />
         <entry key="customexoplayer/src/main/res/layout/exo_player_control_view.xml" value="0.20833333333333334" />
diff --git a/app/build.gradle b/app/build.gradle
index be993e3..ad2ff2e 100644
--- a/app/build.gradle
+++ b/app/build.gradle
@@ -29,6 +29,10 @@ android {
     kotlinOptions {
         jvmTarget = '1.8'
     }
+
+    buildFeatures{
+        viewBinding = true
+    }
 }
 
 dependencies {
diff --git a/app/src/main/AndroidManifest.xml b/app/src/main/AndroidManifest.xml
index a59ee19..b2292a0 100644
--- a/app/src/main/AndroidManifest.xml
+++ b/app/src/main/AndroidManifest.xml
@@ -18,6 +18,10 @@
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+        <activity
+            android:name=".PlayerOfflineActivity"
+            android:configChanges="orientation|screenSize|layoutDirection"
+            android:exported="false" />
     </application>
 
 </manifest>
\ No newline at end of file
diff --git a/app/src/main/java/com/example/mediaplayer/MainActivity.kt b/app/src/main/java/com/example/mediaplayer/MainActivity.kt
index 12d09b2..6b0b2a7 100644
--- a/app/src/main/java/com/example/mediaplayer/MainActivity.kt
+++ b/app/src/main/java/com/example/mediaplayer/MainActivity.kt
@@ -1,13 +1,53 @@
 package com.example.mediaplayer
 
-import androidx.appcompat.app.AppCompatActivity
+import android.annotation.SuppressLint
+import android.content.Intent
 import android.os.Bundle
+import android.view.View
+import androidx.appcompat.app.AppCompatActivity
+import com.example.customexoplayer.PlayerResource
+import com.example.customexoplayer.SubtitleModel
+import com.example.customexoplayer.components.player.media.DownloadState
+import com.example.mediaplayer.databinding.ActivityMainBinding
 
 
 class MainActivity : AppCompatActivity() {
+    private lateinit var mBinding: ActivityMainBinding
+    @SuppressLint("WrongConstant")
     override fun onCreate(savedInstanceState: Bundle?) {
         super.onCreate(savedInstanceState)
-        setContentView(R.layout.activity_main)
+        mBinding = ActivityMainBinding.inflate(layoutInflater)
+        setContentView(mBinding.root)
+        val mediaUrl = "https://d2cqvl54b1gtkt.cloudfront.net/PRODUCTION/5d85da3fa81ada4c66211a07/post/media/video/1616987127933-bfc1a13a-49c6-4272-8ffd-dc04b05eed2c/1616987128057-740d153b431660cf976789c1901192a961f0fd5b2a2af43e2388f671fa03c2aa/1616987128057-740d153b431660cf976789c1901192a961f0fd5b2a2af43e2388f671fa03c2aa.m3u8"
+        val subtitles = ArrayList<SubtitleModel>()
+        subtitles.add(SubtitleModel(subtitleUrl = "https://filebin.net/dr73cv9evxoquhqo/English_Transformers_The_Last_Knight_Official_Trailer_1_2017_Michael.srt",language = "English"))
+        subtitles.add(SubtitleModel(subtitleUrl = "https://filebin.net/dr73cv9evxoquhqo/Khmer_Transformers_The_Last_Knight_Official_Trailer_1_2017_Michael.srt",language = "Khmer"))
+        val playerResource = PlayerResource(mediaName = "Transformer",mediaUrl = mediaUrl,subtitles = subtitles)
+
+        mBinding.androidPlayer
+            .setPlayerResource(playerResource)
+            .setLifecycle(lifecycle)
+            .addDownloadListener(object: DownloadState {
+                override fun onDownloadCompleted(playerResource: PlayerResource) {
+                    mBinding.btnPlayOffline.visibility = View.VISIBLE
+                }
+
+                override fun onDownloadStarted(playerResource: PlayerResource) {
+
+                }
+
+                override fun onDownloadFailed(playerResource: PlayerResource) {
+
+                }
+
+                override fun onVideoHasBeenDownloaded(playerResource: PlayerResource) {
+                    mBinding.btnPlayOffline.visibility = View.VISIBLE
+                }
 
+            })
+            .buildOnline()
+        mBinding.btnPlayOffline.setOnClickListener {
+            startActivity(Intent(this, PlayerOfflineActivity::class.java))
+        }
     }
 }
\ No newline at end of file
diff --git a/app/src/main/java/com/example/mediaplayer/PlayerOfflineActivity.kt b/app/src/main/java/com/example/mediaplayer/PlayerOfflineActivity.kt
new file mode 100644
index 0000000..e39c75c
--- /dev/null
+++ b/app/src/main/java/com/example/mediaplayer/PlayerOfflineActivity.kt
@@ -0,0 +1,28 @@
+package com.example.mediaplayer
+
+import android.os.Bundle
+import androidx.appcompat.app.AppCompatActivity
+import com.example.customexoplayer.PlayerResource
+import com.example.customexoplayer.SubtitleModel
+import com.example.mediaplayer.databinding.ActivityPlayerOfflineBinding
+
+
+class PlayerOfflineActivity : AppCompatActivity() {
+    lateinit var mBinding:ActivityPlayerOfflineBinding
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(savedInstanceState)
+        mBinding = ActivityPlayerOfflineBinding.inflate(layoutInflater)
+        setContentView(mBinding.root)
+        val mediaUrl = "https://d2cqvl54b1gtkt.cloudfront.net/PRODUCTION/5d85da3fa81ada4c66211a07/post/media/video/1616987127933-bfc1a13a-49c6-4272-8ffd-dc04b05eed2c/1616987128057-740d153b431660cf976789c1901192a961f0fd5b2a2af43e2388f671fa03c2aa/1616987128057-740d153b431660cf976789c1901192a961f0fd5b2a2af43e2388f671fa03c2aa.m3u8"
+        val subtitles = ArrayList<SubtitleModel>()
+        subtitles.add(SubtitleModel(subtitleUrl = "https://filebin.net/dr73cv9evxoquhqo/English_Transformers_The_Last_Knight_Official_Trailer_1_2017_Michael.srt",language = "English"))
+        subtitles.add(SubtitleModel(subtitleUrl = "https://filebin.net/dr73cv9evxoquhqo/Khmer_Transformers_The_Last_Knight_Official_Trailer_1_2017_Michael.srt",language = "Khmer"))
+        val playerResource = PlayerResource(mediaName = "Transformer",mediaUrl = mediaUrl,subtitles = subtitles)
+
+        mBinding.androidPlayer
+            .setPlayerResource(playerResource)
+            .setShowButtonScreenType(true)
+            .setLifecycle(lifecycle)
+            .buildOffline()
+    }
+}
\ 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
index 4fc2444..5b19fd0 100644
--- a/app/src/main/res/layout/activity_main.xml
+++ b/app/src/main/res/layout/activity_main.xml
@@ -1,18 +1,24 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:app="http://schemas.android.com/apk/res-auto"
-    xmlns:tools="http://schemas.android.com/tools"
+<LinearLayout xmlns:tools="http://schemas.android.com/tools"
+    xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    tools:context=".MainActivity">
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    tools:context=".MainActivity"
+    android:orientation="vertical">
+
+    <com.example.customexoplayer.AndroidPlayer
+        android:id="@+id/androidPlayer"
+        app:resizingEnabled="true"
+        app:showButtonScreenType="true"
+        android:layout_width="match_parent"
+        android:layout_height="300dp"/>
 
-    <TextView
+    <Button
+        android:id="@+id/btnPlayOffline"
+        android:text="Play offline"
+        android:visibility="gone"
         android:layout_width="wrap_content"
-        android:layout_height="wrap_content"
-        android:text="Hello World!"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintLeft_toLeftOf="parent"
-        app:layout_constraintRight_toRightOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        android:layout_height="wrap_content"/>
 
-</androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file
+</LinearLayout>
diff --git a/app/src/main/res/layout/activity_player_offline.xml b/app/src/main/res/layout/activity_player_offline.xml
new file mode 100644
index 0000000..90f393e
--- /dev/null
+++ b/app/src/main/res/layout/activity_player_offline.xml
@@ -0,0 +1,15 @@
+<?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"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:orientation="vertical"
+    tools:context=".PlayerOfflineActivity">
+
+    <com.example.customexoplayer.AndroidPlayer
+        android:id="@+id/androidPlayer"
+        android:layout_width="match_parent"
+        android:layout_height="300dp"/>
+
+</LinearLayout>
\ No newline at end of file