Thumbnails using Media Service to Videos

Question

How can I generate thumbnails from videos to insert them in the frontend?
We are using Media Services, via API, and we can´t find a way to generate tthis thumbnails using Node.Js.

what we found:
https://learn.microsoft.com/pt-br/azure/cognitive-services/computer-vision/concept-generating-thumbnails - a way to generate thumbnails from images, not our case
https://learn.microsoft.com/pt-br/azure/media-services/previous/media-services-dotnet-generate-thumbnail-with-mes - generating thumbnails with .NET, not our case. We are using all in Node.JS.

This is a sample, all the gray blocks should be the thumbnail from the video:

thank you!

Answer 1

I'm very interested in your journey through our docs. I'm wondering if you missed the Node.js samples repository completely, or if we have not promoted it well enough?

All of our samples for Node.js are listed on this page - Media Services v3 samples

Most all of the encoding samples demonstrate how to generate a PNG or JPG thumbnail.

I would recommend most customers to use the Content Aware Encoding preset if they are not familiar with encoding. Content aware encoding with H264 - that one generates a default thumbnail as well.

For more advanced thumbnails - see the sprite VTT sample

Create a thumbnail sprite (VTT) in JPG format - Shows how to generate a VTT Sprite Thumbnail in JPG format and how to set the columns and number of images. This also shows a speed encoding mode in H264 for a 720P layer.