C# 从上传的视频流生成缩略图？

我正在构建一个页面，供人们使用C#、.NETMVC和Azure上传视频文件。这些文件存储在Azure blob存储中。我想在上传过程中生成缩略图。但我发现的从视频生成缩略图的唯一解决方案是使用ffmpeg包装器，这些包装器只能对文件系统上的实际文件进行操作，而不能对流进行操作。有没有一种方法可以从小溪中捕捉静物？视频只能作为一个blob或流使用，我真的无法存储本地副本来制作缩略图。任何帮助都将不胜感激

您可能可以使用HTML5，读取本地文件，生成缩略图，然后将其上载到服务器，请查看本文。生成缩略图的javascript必须在本地或使用ffmpeg的服务器上完成

相关位将是文件切片功能

<style>
  #byte_content {
    margin: 5px 0;
    max-height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
  }
  #byte_range { margin-top: 5px; }
</style>

<input type="file" id="files" name="file" /> Read bytes: 
<span class="readBytesButtons">
  <button data-startbyte="0" data-endbyte="4">1-5</button>
  <button data-startbyte="5" data-endbyte="14">6-15</button>
  <button data-startbyte="6" data-endbyte="7">7-8</button>
  <button>entire file</button>
</span>
<div id="byte_range"></div>
<div id="byte_content"></div>

<script>
function readBlob(opt_startByte, opt_stopByte) {
    var files = document.getElementById('files').files;
    if (!files.length) {
      alert('Please select a file!');
      return;
    }

    var file = files[0];
    var start = parseInt(opt_startByte) || 0;
    var stop = parseInt(opt_stopByte) || file.size - 1;

    var reader = new FileReader();

    // If we use onloadend, we need to check the readyState.
    reader.onloadend = function(evt) {
        if (evt.target.readyState == FileReader.DONE) { // DONE == 2
            document.getElementById('byte_content').textContent = evt.target.result;
        document.getElementById('byte_range').textContent = 
            ['Read bytes: ', start + 1, ' - ', stop + 1,
             ' of ', file.size, ' byte file'].join('');
        }
    };

    **var blob = file.slice(start, stop + 1);
    reader.readAsBinaryString(blob);**
}

document.querySelector('.readBytesButtons').addEventListener('click', function(evt) {
    if (evt.target.tagName.toLowerCase() == 'button') {
        var startByte = evt.target.getAttribute('data-startbyte');
        var endByte = evt.target.getAttribute('data-endbyte');
        readBlob(startByte, endByte);
    }
}, false);
</script>

#字节内容{
保证金：5px0；
最大高度：100px；
溢出y：自动；
溢出x：隐藏；
}
#字节_范围{页边距顶端：5px；}
读取字节：
1-5
6-15
7-8
整个文件
函数readBlob（opt_startByte，opt_stopByte）{
var files=document.getElementById（'files'）.files；
如果（！files.length）{
警报（'请选择一个文件！'）；
返回；
}
var file=files[0]；
var start=parseInt（opt_startByte）| 0；
var stop=parseInt（opt_stopByte）| | file.size-1；
var reader=new FileReader（）；
//如果我们使用onloadend，我们需要检查readyState。
reader.onloadend=函数（evt）{
如果（evt.target.readyState==FileReader.DONE）{//DONE==2
document.getElementById（'byte_content'）。textContent=evt.target.result；
document.getElementById（'byte_range'）。textContent=
['读取字节：'，开始+1'，-'，停止+1，
'of'，file.size'，byte file'].join（“”）；
}
};
**var blob=file.slice（开始、停止+1）；
reader.readAsBinaryString（blob）**
}
document.querySelector（'.readBytesButtons'）。addEventListener（'click'，函数（evt）{
if（evt.target.tagName.toLowerCase（）=='按钮'）{
var startByte=evt.target.getAttribute（'data-startByte'）；
var-endByte=evt.target.getAttribute（'data-endByte'）；
readBlob（起始字节，结束字节）；
}
}，假）；

另一种方法是使用HTML5 canvas元素播放视频并生成缩略图，如本文所述，

您可以使用它实现您的目标（获取缩略图）-它支持使用标准输入/标准输出管道的实时流转换。总体思路是将流转换为原始视频（实际上是位图帧流），并使用适当的帧作为缩略图

---

请注意，这仅适用于“可流化”视频格式（例如，MP4不能作为实时流处理）。

在我根据Kashif Imran的这篇文章创建工作解决方案时回答了我自己的问题

下面的代码将每800毫秒生成一个新的缩略图

    public static IEnumerable<ThumbnailData> GenerateThumbnails(string mediaFile, int amount, System.Drawing.Size? imagesize)
    {
        System.Drawing.Size size = imagesize ?? new System.Drawing.Size(120, 80);
        MediaPlayer player = new MediaPlayer { Volume = 0, ScrubbingEnabled = true };

        player.Open(new Uri(mediaFile));
        player.Pause();
        //We need to give MediaPlayer some time to load. 
        System.Threading.Thread.Sleep(800);
        var totalduration = player.NaturalDuration;
        if (!totalduration.HasTimeSpan)
        {
            yield break;
        }
        double avglen = totalduration.TimeSpan.TotalMilliseconds / (amount + 1d);
        for (int frameId = 0; frameId < amount; frameId++)
        {
            var timespan = avglen * (frameId + 1);
            var offset = TimeSpan.FromMilliseconds(timespan);
            player.Position = offset;
            player.Play();
            player.Pause();

            System.Threading.Thread.Sleep(400);

            RenderTargetBitmap rtb = new RenderTargetBitmap(size.Width, size.Height, 96, 96, PixelFormats.Pbgra32);
            DrawingVisual dv = new DrawingVisual();
            using (DrawingContext dc = dv.RenderOpen())
            {
                dc.DrawVideo(player, new Rect(0, 0, size.Width, size.Height));
            }
            rtb.Render(dv);
            Duration duration = player.NaturalDuration;

            BitmapFrame frame = BitmapFrame.Create(rtb).GetCurrentValueAsFrozen() as BitmapFrame;
            BitmapEncoder encoder = new JpegBitmapEncoder();
            encoder.Frames.Add(frame as BitmapFrame);
            MemoryStream memoryStream = new MemoryStream();
            encoder.Save(memoryStream);
            //Here we have the thumbnail in the MemoryStream!
            memoryStream.Seek(0, SeekOrigin.Begin);
            var thumbnail = new Bitmap(memoryStream);

            yield return new ThumbnailData { Offset = offset, Image = thumbnail };
        }

        player.Close();
    }

public static IEnumerable GenerateThumbnails（字符串mediaFile，int-amount，System.Drawing.Size？imagesize）
{
系统图纸尺寸=图像尺寸？？新系统图纸尺寸（120,80）；
MediaPlayer=newmediaplayer{Volume=0，scrubingEnabled=true}；
打开（新Uri（媒体文件））；
player.Pause（）；
//我们需要给MediaPlayer一些时间来加载。
系统.线程.线程.睡眠（800）；
var totalduration=player.NaturalDuration；
如果（！totalduration.hastinmespan）
{
屈服断裂；
}
double avglen=totalduration.TimeSpan.TotalMillistics/（金额+1d）；
对于（int-frameId=0；frameId

这是一个很好的建议，谢谢。如果我能让它工作，那就不必了，但值得一试。