Thumbnails using Media Service to Videos

Artyou Global 111 Reputation points

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: - a way to generate thumbnails from images, not our case - 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!

Azure Media Services
Azure Media Services
A group of Azure services that includes encoding, format conversion, on-demand streaming, content protection, and live streaming services.
292 questions
0 comments No comments
{count} votes

Accepted answer
  1. John Deutscher (MSFT) 2,126 Reputation points

    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.

0 additional answers

Sort by: Most helpful