preview video

Author: fengpeng

picker/src/main/java/pizzk/media/picker/adapter/PreviewPhotoAdapter.kt

@@ -1,41 +1,71 @@
 package pizzk.media.picker.adapter
 
 import android.content.Context
+import android.provider.MediaStore
+import android.view.LayoutInflater
 import android.view.View
 import android.view.ViewGroup
+import android.widget.VideoView
 import androidx.viewpager.widget.PagerAdapter
 import com.github.chrisbanes.photoview.PhotoView
+import pizzk.media.picker.R
 import pizzk.media.picker.arch.PickControl
 import pizzk.media.picker.source.IMedia
 import pizzk.media.picker.source.IMediaSource
 import pizzk.media.picker.utils.PickUtils
 
 class PreviewPhotoAdapter(private val context: Context, private val source: IMediaSource) :
     PagerAdapter() {
-    private val views: MutableList<PhotoView> = ArrayList(5)
+    private val views: MutableList<View> = ArrayList(5)
     private val lp: ViewGroup.LayoutParams = ViewGroup.LayoutParams(
         ViewGroup.LayoutParams.MATCH_PARENT,
         ViewGroup.LayoutParams.MATCH_PARENT
     )
-    private var currentItem: PhotoView? = null
+    private var vCurrent: View? = null
     private var clickBlock: (View) -> Unit = { _ -> }
     private var scaleBlock: () -> Unit = { }
+    private var vPlaying: View? = null
 
     override fun isViewFromObject(view: View, obj: Any): Boolean = view === obj
 
     override fun getCount(): Int = source.count()
 
     override fun instantiateItem(container: ViewGroup, position: Int): Any {
-        val view: PhotoView = if (views.isEmpty()) {
-            PhotoView(context)
+        val view: View = if (views.isEmpty()) {
+            LayoutInflater.from(context).inflate(R.layout.preview_photo_page_item, null)
         } else {
             views.removeAt(0)
         }
-        view.setOnScaleChangeListener { _, _, _ -> scaleBlock() }
         container.addView(view, lp)
         view.setOnClickListener(clickBlock)
-        val media: IMedia = source[position] ?: return view
-        PickControl.imageLoad().load(view, media.uri(), media.mimeType())
+        //
+        val vPhoto = view.findViewById<PhotoView>(R.id.vPhoto)
+        vPhoto.setOnScaleChangeListener { _, _, _ -> scaleBlock() }
+        val vVideo = view.findViewById<VideoView>(R.id.video)
+        val vPause = view.findViewById<View>(R.id.vPause)
+        //
+        val media: IMedia? = source[position]
+        val isVideo = media?.mediaType() == MediaStore.Files.FileColumns.MEDIA_TYPE_VIDEO
+        vVideo.visibility = View.GONE
+        vPause.visibility = if (isVideo) View.VISIBLE else View.GONE
+        //
+        media ?: return view
+        PickControl.imageLoad().load(vPhoto, media.uri(), media.mimeType())
+        vVideo.setVideoURI(media.uri())
+        vVideo.setOnCompletionListener {
+            vVideo.visibility = View.GONE
+        }
+        vVideo.setOnErrorListener { _, _, _ ->
+            vVideo.visibility = View.GONE
+            return@setOnErrorListener true
+        }
+        vPause.setOnClickListener {
+            vVideo.stopPlayback()
+            vVideo.start()
+            vVideo.resume()
+            vPlaying = view
+            vVideo.visibility = View.VISIBLE
+        }
         return view
     }
 
@@ -48,17 +78,29 @@ class PreviewPhotoAdapter(private val context: Context, private val source: IMed
     }
 
     override fun destroyItem(container: ViewGroup, position: Int, obj: Any) {
-        val view: PhotoView = obj as PhotoView
+        val view: View = obj as View
+        if (views.size < 5) views.add(view)
         container.removeView(view)
-        views.add(view)
     }
 
     override fun setPrimaryItem(container: ViewGroup, position: Int, obj: Any) {
         super.setPrimaryItem(container, position, obj)
-        currentItem = obj as? PhotoView
+        vCurrent = obj as? View
     }
 
-    fun getPrimaryItem(): PhotoView? = currentItem
+    fun resetScale() {
+        val view = vCurrent ?: return
+        val vPhoto = view.findViewById<PhotoView>(R.id.vPhoto)
+        if (vPhoto.scale != 1.0f) vPhoto.scale = 1.0f
+    }
+
+    fun stopPlay() {
+        val view = vCurrent ?: vPlaying ?: return
+        val vVideo = view.findViewById<VideoView>(R.id.video)
+        vVideo.stopPlayback()
+        vVideo.visibility = View.GONE
+        vPlaying = null
+    }
 
     fun getPath(position: Int): String = source[position]?.uri()?.toString() ?: ""
 

picker/src/main/java/pizzk/media/picker/view/PreviewActivity.kt

@@ -198,7 +198,8 @@ class PreviewActivity : AppCompatActivity() {
         val select: Boolean =
             selectAdapter.onPreviewChanged(photoAdapter.getPath(index), selectedView)
         switchSelectBox(select, index)
-        photoAdapter.getPrimaryItem()?.let { if (it.scale != 1.0f) it.scale = 1.0f }
+        photoAdapter.resetScale()
+        photoAdapter.stopPlay()
         if (!adjust) return
         val smooth = false
         photosView.setCurrentItem(index, smooth)
@@ -266,4 +267,9 @@ class PreviewActivity : AppCompatActivity() {
             doneButton.enable(true)
         }
     }
+
+    override fun onPause() {
+        super.onPause()
+        photoAdapter.stopPlay()
+    }
 }

picker/src/main/res/layout/preview_photo_page_item.xml

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent">
+
+    <com.github.chrisbanes.photoview.PhotoView
+        android:id="@+id/vPhoto"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent" />
+
+    <ImageView
+        android:id="@+id/vPause"
+        android:layout_width="60dp"
+        android:layout_height="60dp"
+        android:src="@mipmap/icon_video_pause"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintEnd_toEndOf="parent"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        tools:ignore="ContentDescription"
+        tools:visibility="visible" />
+
+    <VideoView
+        android:id="@+id/video"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:visibility="gone"
+        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="parent" />
+</androidx.constraintlayout.widget.ConstraintLayout>

picker/src/main/res/mipmap-xxhdpi/icon_video_pause.webp

@@ -10,6 +10,7 @@
     <color name="album_item_uncheck">#ffffff</color>
     <color name="album_section_mask">#eb212123</color>
     <color name="album_section_background">#ffffff</color>
+    <color name="album_preview_pause_bkg">#52000000</color>
     <!--预览-->
     <color name="pick_preview_overlay">#e5000000</color>
     <color name="pick_review_background">#000000</color>

picker/src/main/res/values/colors.xml

@@ -24,4 +24,5 @@
     <dimen name="pick_chose_bkg_radius">2dp</dimen>
     <dimen name="pick_chose_split_line">0.1dp</dimen>
     <dimen name="pick_choose_item_text_size">16sp</dimen>
+    <dimen name="album_preview_video_pause_size">90dp</dimen>
 </resources>