[feat] #62 video thumbnail

Author: lsakee

feature/upload/src/main/java/com/record/upload/SelectedVideoScreen.kt

@@ -6,20 +6,31 @@ import android.database.Cursor
 import android.net.Uri
 import android.provider.MediaStore
 import android.util.Log
+import androidx.compose.foundation.Image
 import androidx.compose.foundation.background
 import androidx.compose.foundation.layout.Box
 import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.PaddingValues
+import androidx.compose.foundation.layout.aspectRatio
 import androidx.compose.foundation.layout.fillMaxSize
 import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
 import androidx.compose.material3.Text
 import androidx.compose.runtime.Composable
+import androidx.compose.runtime.remember
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.platform.LocalContext
+import androidx.compose.ui.semantics.Role.Companion.Image
 import androidx.compose.ui.text.intl.Locale
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import coil.ImageLoader
+import coil.compose.rememberAsyncImagePainter
+import coil.compose.rememberImagePainter
+import coil.decode.VideoFrameDecoder
+import coil.size.Scale
 import com.record.designsystem.component.button.RecordyButton
 import com.record.designsystem.component.navbar.TopNavigationBar
 import com.record.designsystem.theme.Background
@@ -38,6 +49,7 @@ fun SelectedVideoRoute(
 fun SelectedVideoScreen(
     navigateDefinedContent: () -> Unit,
 ) { Log.d("images","${getAllVideos(10, null, LocalContext.current)}")
+    val a =getAllVideos(10, null, LocalContext.current)
     Box(
         modifier = Modifier
             .fillMaxSize()
@@ -56,6 +68,7 @@ fun SelectedVideoScreen(
                 modifier = Modifier.fillMaxWidth(),
                 textAlign = TextAlign.Center,
             )
+            VideoThumbnail(video = a[0])
         }
         RecordyButton(
             modifier = Modifier.align(Alignment.BottomCenter),
@@ -66,6 +79,43 @@ fun SelectedVideoScreen(
     }
 
 }
+
+
+@Composable
+fun VideoThumbnail(video: GalleryVideo) {
+    val context = LocalContext.current
+    val imageLoader = ImageLoader.Builder(context)
+        .components {
+            add(VideoFrameDecoder.Factory())
+        }.crossfade(true)
+        .build()
+
+    val painter = rememberAsyncImagePainter(
+        model = video.filepath,
+        imageLoader = imageLoader,)
+
+    Box(modifier = Modifier
+        .padding(8.dp)
+        .fillMaxWidth()) {
+//        val painter = rememberImagePainter(
+//            data = video.uri,
+//            imageLoader = imageLoader,
+//            builder = {
+//                crossfade(true)
+//                scale(Scale.FILL)
+//            }
+//        )
+
+        Image(
+            painter = painter,
+            contentDescription = "Video Thumbnail",
+            modifier = Modifier
+                .fillMaxWidth()
+                .aspectRatio(16 / 9f)
+        )
+
+    }
+}
 @Preview
 @Composable
 fun SelectedVideoScreenPreview() {

feature/upload/src/main/java/com/record/upload/VideoPickerScreen.kt

@@ -95,7 +95,16 @@ fun VideoPickerScreen(
     if (hasPermission) {
         Log.d("galley","hasPermission")
     } else {
-       Log.d("galley not permission","hasPermission")
+        scope.launch {
+            permissionLauncher.launch(
+                if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.TIRAMISU) {
+                    arrayOf(Manifest.permission.READ_MEDIA_VIDEO)
+                } else {
+                    arrayOf(Manifest.permission.READ_EXTERNAL_STORAGE)
+                }
+            )
+        }
+       Log.d("galleynotPermissio ","hasPermission")
     }
     Box(
         modifier = Modifier