HTML5视频 - ashx处理程序 - 寻求

时间:2014-06-23 20:44:52

标签: html5 video video-streaming html5-video ashx

我正在尝试将ashx处理程序用作HTML5视频源。我可以做到这一点,但我无法继续推进已经缓冲过的视频。

我可以在网络选项卡上看到使用标准MP4源寻求转发创建另一个请求,但使用处理程序却没有。

部分视频超过1 GB。

到目前为止,我必须使视频正常工作:

public void ProcessRequest(HttpContext context)
{
    context.Response.Buffer = false;
    context.Response.ContentType = "video/mp4";
    FileInfo file = new FileInfo(path);
    int len = (int)file.Length, bytes;
    context.Response.AppendHeader("content-length", len.ToString());
    byte[] buffer = new byte[1024];
    Stream outStream = context.Response.OutputStream;
    using (Stream stream = File.OpenRead(path))
    {
        while (len > 0 && (bytes = stream.Read(buffer, 0, buffer.Length)) > 0)
        {
            outStream.Write(buffer, 0, bytes);
            len -= bytes;
        }
    }
}

摘自Marck Gravells后发表 Best way to stream files in ASP.NET

<video id="video-player" class="video-js vjs-default-skin" controls
     preload="auto" poster="MY_VIDEO_POSTER.jpg"
     data-setup="{}">
     <source src="/Handlers/VideoHandler.ashx" type='video/mp4'>
     <p class="vjs-no-js">
        To view this video please enable JavaScript, and consider upgrading to a web browser that
        <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
     </p>
    </video>

使用video.js,但如果我直接在浏览器中调用处理程序,也会发生同样的情况。

如何解决此问题?我很可能错过了一些简单的东西。

更新

进一步观察之后,我现在知道我需要'Accept-Ranges'。

我现在有了

context.Response.ContentType = "video/mp4";

var request = HttpContext.Current.Request;
FileInfo file = new FileInfo(filePath);
var responseLength = (int)file.Length;
var buffer = new byte[1024];
var startIndex = 0;

if (request.Headers["Range"] != null)
{
    var match = Regex.Match(request.Headers["Range"], @"bytes=(\d*)-(\d*)");
    startIndex = Parse<int>(match.Groups[1].Value);
    responseLength = (Parse<int?>(match.Groups[2].Value) + 1 ?? responseLength) - startIndex;
    context.Response.StatusCode = (int)HttpStatusCode.PartialContent;
    context.Response.Headers["Content-Range"] = "bytes " + startIndex + "-" + (startIndex + responseLength - 1) + "/" + responseLength;
}

context.Response.Headers["Accept-Ranges"] = "bytes";
context.Response.Headers["Content-Length"] = responseLength.ToString();
context.Response.Cache.SetCacheability(HttpCacheability.Public);

context.Response.Buffer = false;

Supporting resumable HTTP-downloads through an ASHX handler?的帮助下,但现在写给我的是错误

的问题
  

用户代码未处理HttpException   远程主机关闭了连接。错误代码是0x800704CD。

我试过了:

using (Stream stream = File.OpenRead(filePath))
{

    stream.Seek(startIndex, SeekOrigin.Begin);
    while ((responseLength - startIndex) > 0 && (bytes = stream.Read(buffer, 0, buffer.Length)) > 0)
    {
        response.OutputStream.Write(buffer, 0, bytes);
        responseLength -= bytes;
    }
}

using (Stream stream = File.OpenRead(filePath))
{
    stream.Seek(startIndex, SeekOrigin.Begin);
    int bufferLength = buffer.Length, bytesRead;
    while (responseLength > bufferLength && (bytesRead = stream.Read(buffer, 0, bufferLength)) > 0)
    {
        response.OutputStream.Write(buffer, 0, bytesRead);
        responseLength -= bytesRead;
    }
    while (responseLength > 0 && (bytesRead = stream.Read(buffer, 0, responseLength)) > 0)
    {
        response.OutputStream.Write(buffer, 0, bytesRead);
        responseLength -= bytesRead;
    }
}

如何解决此问题?

2 个答案:

答案 0 :(得分:4)

最后一个错误归结为Chrome。

以下在Fi​​refox中运行良好。

如果有人知道Chrome取消连接的原因,请分享。

    public void ProcessRequest(HttpContext context)
    {
        context.Response.AddHeader("content-disposition", "filename=" + Path.GetFileName(filePath));
        context.Response.ContentType = "video/mp4";

        var request = HttpContext.Current.Request;
        FileInfo file = new FileInfo(filePath);
        var responseLength = (int)file.Length;
        var buffer = new byte[512];
        var startIndex = 0;

        if (request.Headers["Range"] != null )
        {
            var match = Regex.Match(request.Headers["Range"], @"bytes=(\d*)-(\d*)");
            startIndex = Parse<int>(match.Groups[1].Value);
            responseLength = (Parse<int?>(match.Groups[2].Value) + 1 ?? responseLength) - startIndex;
            context.Response.StatusCode = (int)HttpStatusCode.PartialContent;
            context.Response.Headers["Content-Range"] = "bytes " + startIndex + "-" + (startIndex + responseLength - 1) + "/" + responseLength;
        }

        context.Response.Headers["Accept-Ranges"] = "bytes";
        context.Response.Headers["Content-Length"] = responseLength.ToString();
        context.Response.Cache.SetCacheability(HttpCacheability.Public);

        context.Response.BufferOutput = false;
        FileStream fileStram = new FileStream(filePath, FileMode.Open, FileAccess.Read);
        using (fileStram)
        {
            fileStram.Seek(startIndex, SeekOrigin.Begin);
            int bytesRead = fileStram.Read(buffer, 0, buffer.Length);
            while (bytesRead > 0)
            {
                context.Response.OutputStream.Write(buffer, 0, bytesRead);
                bytesRead = fileStram.Read(buffer, 0, buffer.Length);
            }
        }
    }

    public static T Parse<T>(object value)
    {
        // Convert value to string to allow conversion from types like float to int
        // converter.IsValid only works since .NET4 but still returns invalid values for a few cases like NULL for Unit and not respecting locale for date validation
        try { return (T)System.ComponentModel.TypeDescriptor.GetConverter(typeof(T)).ConvertFrom(value.ToString()); }
        catch (Exception) { return default(T); }
    }

答案 1 :(得分:1)

无需打开和读取文件。我通过仅添加"Accept-Ranges"标头并通过context.Response.TransmitFile转换文件来遵循该技巧。 现在,视频可以在各种浏览器(例如Chrome,Firefox)上播放和搜索

 if (fi.Extension == ".mp4")
 {
    //Reset and set response headers. The Accept-Ranges Bytes header is important to allow resuming videos.
    context.Response.AddHeader("Accept-Ranges", "bytes");
 }
 docRepo.AddDocumentView(FileDetail.ID);
 context.Response.TransmitFile(HttpContext.Current.Server.MapPath(General.PathConstants.Documents + Id + fi.Extension));