Take snapshot from a url based video file in a Javascript Metro Application

Question

I've a few video files urls that my application plays, using the html video tag.

I would like to shows tiles of those videos with an snapshot/thumbnail of it. I've been looking at the Windows.Media.Capture.MediaCapture class and it seems it doesn't support urls.

How can I do this?.

Thanks.

Answer 1

Edit the getThumbnailAsync parameters as needed to get what you want.

var openPicker = new Windows.Storage.Pickers.FileOpenPicker();
openPicker.pickSingleFileAsync().then(function (storageFile) {
    if (storageFile) {

        storageFile.getThumbnailAsync(
            Windows.Storage.FileProperties.ThumbnailMode.musicView,
            100,
            Windows.Storage.FileProperties.ThumbnailOptions.useCurrentScale).then(
                function (storageItemThumbnail) {
                // Add code to process thumbnail
                });

    } else {
        // No file
    }
});