Create Animated Video thumbnail in android

Create Animated Video thumbnail in android

In this tutorial, we learn how to create animated video thumbnail of any video. At the time of loading, the animation is very useful for making the good user experience.

Here, we will use glide for loading the Video Thumbnail into ImageView.  Glide is very easy to use the library for loading any thumbnail or image.

Even you don’t have to create the thumbnail, download the image from any web URL and anything else. You have to just provide the URI of your video it doesn’t matter whether your Image or Video stored locally on your storage or some remote or web location over the internet.

You May Like:-

Step:1 How to add Glide library to your project

You can download the Glide library from Github. Alternatively, you can use the build.gradle files to automatically add glide library to your project under dependency.

 compile 'com.github.bumptech.glide:glide:3.7.0'

Step:2 Load Video Thumbnail using Glide

For loading, the Thumbnail just use the glide method as given below.

Glide.with(context)
                    .load(urlofVideo)
                    .centerCrop()
                    .placeholder(anybackgroundColor)
                    .crossFade()
                    .into(ImagViewtoload);

Step:3 Create an Animation method in your Adapter

To create the animation method, first of all, you have decided the animation type.  There are many types of animation that you can use in your project.

Here, in below code, we are using the scale animation,  where thumbnail comes from out from image view and fill the complete ImageView.

private void setScaleAnimation(View view) {
        ScaleAnimation anim = new ScaleAnimation(0.0f, 1.0f, 0.0f, 1.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        anim.setDuration(FADE_DURATION);
        view.startAnimation(anim);
    }

Don’t Forget to define the FADE_DURATION variable in your class it can be defined as:

   private final static int FADE_DURATION = 1000;

Step:4 Set the Animation to your ImageView

Further, for setting the animation to your ImageView you just need to use the below code. Where we are just calling the previously created method.

setScaleAnimation(((VideoViewHolder) holder).vImage);

Here ((VideoViewHolder) holder).vImage is the simple image if you are not using any View holder want to use it with the simple image then you can use as given below.

setScaleAnimation(imageView);
Animated Video Thumbnail

Download our Video Gallery Demo App for working demo and if you want checks out the complete working tutorial then check out How to create Video Gallery in Android Tutorial.

Get Email Updates!

Signup now receive an email once I publish new content. I will never give away, trade or sell your email address. You can unsubscribe at any time.

Join 911 other subscribers

This Post Has One Comment

Leave a Reply

Close Menu