21 พฤศจิกายน 2556

[Android Code] วิธีดึงภาพ Thumbnail จากไฟล์วีดีโอที่อยู่ใน Resource [res/raw]


        ปกติแล้วการดึงภาพ Thumbnail จาก External Storage หรือใน Assets จะทำได้ไม่ยากนัก เพราะมีคลาส ThumbnailUtils ที่ช่วยจัดการเรื่องนี้อยู่แล้ว แต่ถ้าเก็บไฟล์วีดีโอไว้ใน res/raw ล่ะ? จะทำต้องทำยังไง???
        เอาแบบรวบรัดเลยละกันเนอะ ก็คือเจ้าของบล็อกจะสร้างฟังก์ชันไว้เลย เป็นฟังก์ชันที่ให้ผู้ใช้งานกำหนด Resource ของไฟล์วีดีโอเป็นพารามิเตอร์ แล้วฟังก์ชันดังกล่าวก็จะ Return ค่ากลับมาเป็น Bitmap เอาไปใช้ได้เลย

        โดยบทความนี้เจ้าของบล็อกก็จะสร้าง Image View ขึ้นมาหนึ่งอัน

main.xml
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:src="@drawable/ic_launcher" />

</RelativeLayout>

        สำหรับไฟล์วีดีโอจะเก็บไว้ที่ res/raw ชื่อไฟล์ว่า vid.mp4



        สำหรับฟังก์ชันในการดึงภาพ Thumbnail ก็จะเป็นดังนี้

public Bitmap getVideoThumbnail(Context context, int resId) {
    String pkgName = context.getPackageName();
    Uri uri = Uri.parse("android.resource://" + pkgName + "/" + resId);
    MediaMetadataRetriever retriever = new MediaMetadataRetriever();
    retriever.setDataSource(context, uri);
    Bitmap bitmap = retriever.getFrameAtTime(100000
            ,MediaMetadataRetriever.OPTION_PREVIOUS_SYNC);
    return bitmap;
}

        พารามิเตอร์ที่ต้องกำหนดเวลาเรียกใช้ฟังก์ชันนี้คือ Context ซึ่งถ้าใช้ใน Activity ปกติระบุเป็น this ได้เลย ส่วน resId ก็คือที่อยู่ของไฟล์ใน Resource นั่นเอง สำหรับ 100000 นั้นคือเฟรมที่จะดึงภาพมาแสดง มีหน่วยเป็น ns ก็คือ 100,000 นาโนวินาทีนั่นเอง หรือก็คือ 100 มิลลิวินาที หรือ 0.1 วินาที ภาพที่จะนำมาแสดงเป็นภาพที่เวลา 00:00:00:100 (ชั่วโมง/นาที/วินาที/มิลลิวินาที)


        จากตัวอย่างเจ้าของบล็อกเก็บไว้ที่ res/raw/vid.mp4 ดังนั้นเวลาระบุ Path ใน Resource ก็จะเป็น R.raw.vid

Bitmap bm = getVideoThumbnail(this, R.raw.vid);


        โดยจะเก็บค่า Bitmap ที่ได้ไว้ในตัวแปรที่ชื่อ bm เอาไว้ไปกำหนดเป็นภาพใน Image View ที่สร้างไว้

Bitmap bm = getVideoThumbnail(this, R.raw.vid);
        
ImageView iv = (ImageView)findViewById(R.id.imageView1);
iv.setImageBitmap(bm);


        ในกรณีที่ต้องการเป็น Drawable แทน Bitmap ก็ให้แปลงดังนี้

Drawable drawable = new BitmapDrawable(getResources(), bitmap);



        ดังนั้นโค๊ดทั้งหมดก็จะมีแค่นี้เอง


Main.java
package app.akexorcist.videothumbnail;

import android.media.MediaMetadataRetriever;
import android.net.Uri;
import android.os.Bundle;
import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.widget.ImageView;

public class Main extends Activity {

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        Bitmap bm = getVideoThumbnail(this, R.raw.vid);
        
        ImageView iv = (ImageView)findViewById(R.id.imageView1);
        iv.setImageBitmap(bm);
    }
    
    public Bitmap getVideoThumbnail(Context context, int resId) {
        String pkgName = context.getPackageName();
        Uri uri = Uri.parse("android.resource://" + pkgName + "/" + resId);
        MediaMetadataRetriever retriever = new MediaMetadataRetriever();
        retriever.setDataSource(context, uri);
        Bitmap bitmap = retriever.getFrameAtTime(100000
                , MediaMetadataRetriever.OPTION_PREVIOUS_SYNC);
        return bitmap;
     }
}


AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="app.akexorcist.videothumbnail"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="10"
        android:targetSdkVersion="19" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="app.akexorcist.videothumbnail.Main"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

        พอลองทดสอบดูก็จะเห็นว่าภาพ Thumbnail ถูกดึงมาแสดงบน Image View



        ถ้าอยากทำหลายๆภาพก็จัดการเองนะ จะใช้ Array หรือจะทำเป็น List View ก็ตามแต่

        สำหรับผู้ที่หลงเข้ามาอ่านคนใดต้องการไฟล์ตัวอย่าง สามารถดาวน์โหลดได้ที่

                Video Thumbnail - Resource [Google Drive]

                Video Thumbnail - Resource [GitHub]

                Video Thumbnail - Resource [Sleeping For Less]




เหล่าพันธมิตรแอนดรอยด์

Devahoy Layer Net NuuNeoI The Cheese Factory Somkiat CC Mart Routine Artit-K Arnondora Kamonway Try to be android developer Oatrice Benz Nest Studios Kotchaphan@Medium Jirawatee@Medium Travispea@Medium