Bright Cove Video Component – default image is not taken from video

[swathib78201134]

Hi,

We have bright cove video component whose default image is not taken from the video. The component in design mode does not display any image and thus the final looks and feel of the page looks a blank screen.But when we add the image from the content finder,the image is being displayed.Attaching the screenshots[img]when image from content finder is added.png[/img] [img]no image from content finder.png[/img]

How can we configure the component so that it displays an image from the Bright Cove Video, thus the default image of bright cove video would be the video's first image.

Please suggest.

[edubey]

Hi Swathi,

Speaking technically, the still image / thumbnail on video is used as placeholder so that user can get to know what type of videos it is. Now you can pick your path from :

1. Give a option in your component so that user can select the placeholder image.

2. Integrates JCODEC library, write a java service which gets called when ever a video is uploaded in your component. You service will get the image fro video, save in DAM and get that path from service and use it.

Option 1- is better and much simpler as it gives user a preference to select image

Option  2- can be used if you don't want to irritate author with place holder image, but weak point will be you code will get frames from video and save them as image, now here you need take care about image content. May be 1st frame does not give a good impression.

Here are few links :

http://stackoverflow.com/questions/15735716/how-can-i-get-a-frame-sample-jpeg-from-a-video-mov

http://stackoverflow.com/questions/11808815/how-to-get-the-the-single-images-of-an-mp4-movie-in-java

Thanks

[swathib78201134]

Hi Edubey,

Thanks a lot for your quick response.

As per my understanding,

1. We have to create a node under the same widget collection where I have my title and text field and populate it with the video selected.

2. Give the users a option to select placeholder image and then use it as the thumbnail of the video.

Please correct me if I'm wrong.

[edubey · Accepted solution]

Yup, agreed
I guess I already explained you to how you can capture still / thumbnail.

Please see again:

[OPTION 2]

Integrates JCODEC library, write a java service which gets called when ever a video is uploaded in your component. You service will get the image fro video, save in DAM and get that path from service and use it.

Weak point will be you code will get frames from video and save them as image, now here you need take care about image content. May be 1st frame does not give a good impression.

Here are few links :

http://stackoverflow.com/questions/15735716/how-can-i-get-a-frame-sample-jpeg-from-a-video-mov

http://stackoverflow.com/questions/11808815/how-to-get-the-the-single-images-of-an-mp4-movie-in-java

[OPTION 3]

One simple and lazy approach: Follow naming style

Have all images inside a folder

Every image which you need for a video save it as name same with video file name. Thats it path will automatically get created

In img tag use src="dam-image-path/video-name"

[edubey]

Yes, Exactly.

xtype in that node will be "pathfield". so that you can select image from some location or may be /content/dam

[swathib78201134]

But, that would be a tedious job for authors to find an image matching to my video from the dam as we have many images.

Is there any other way that I can load my video and capture a still/thumbnail from it?

May be,I'm left with Option 2. :(