C# 核心 HTML5 视频不会在带有范围标签的 chrome 中加载

Question

我们目前正在开发一个通过 HTML5 标签加载视频的简单 HTML 页面。在后端，我们有一个 webapi 端点，它返回带有“Accept-Ranges: bytes”标头的视频（或视频块）。

Chrome 似乎对端点进行了两次调用，一次调用 bytes:0- 一次调用 bytes:10452992-

视频为 MP4，长度为 10498677 字节。

但是，视频不播放，只是加载为黑屏。

我们的端点如下所示：

 public async Task<IActionResult> StreamVideoWithToken(string token, long id)

要获取我们使用的起始字节位置：

var range = Request.Headers["Range"].First();
var rangeType = range.Split('=');
if (rangeType[0] == "bytes")
{
    var firstLast = rangeType[1].Split('-');
    long first = 0;
    if (firstLast.Length > 0 && firstLast[0] != "")
        if (!long.TryParse(firstLast[0], out first)) first = 0;

    long last = 0;
    if (firstLast.Length > 1)
        if (!long.TryParse(firstLast[1], out last)) last = 0;

    byteRange.start = first;
    byteRange.end = last;
}

这获取起始字节。

然后我们从服务器获取流并将其作为响应传回。

// Returns a stream of only the required bytes (start to EOF)
var fs = _assetService.GetContentStream(asset.Id, byteRange.start);

fs.Seek(0, SeekOrigin.Begin);

Response.ContentLength = byteRange.start + s.fetchedLength;

if (byteRange.start > 0)
{
    Response.StatusCode = (int)HttpStatusCode.PartialContent;
    Response.Headers.Add("Content-Range", byteRange.start + "-" + (byteRange.start + s.fetchedLength));
}

return new FileStreamResult(fs, "video/mp4")~;

如果我们关闭“Accept-Ranges: bytes”标头，它会对完整的视频发出一次请求，该视频会成功播放，但无法导航到任何特定时间。

请求如下所示：

GET: https://localhost:44392/api/asset/StreamVideo/xxx/1261

Accept-Encoding: identity;q=1, *;q=0
Range: bytes=10452992-
Referer: http://localhost:4200/catalogue/a/1261
Sec-Fetch-Mode: no-cors

响应如下所示：

Status Code: 206 (Partial Content)

accept-ranges: bytes
access-control-allow-credentials: true
access-control-allow-headers: Authorization, Content-Type, x-auth-token
access-control-allow-origin: *
access-control-expose-headers: X-Error-Message
content-length: 45685
content-range: 10452992-10498677
content-type: video/mp4
date: Sun, 22 Sep 2019 14:49:14 GMT
server: Kestrel
status: 206
x-powered-by: ASP.NET
x-sourcefiles: xxx

Answer 1

您的实现存在几个问题（请发布完整代码，使用这些 sn-ps 无法理解 s 是什么，而您正在使用 s.Item2）：

1. fs.Seek(0, SeekOrigin.Begin); - 这是一个拼写错误，或者您不了解范围标头的工作原理。您必须寻找指定为范围开始的偏移量，并且只提供到范围的结束。
2. 在处理范围值时，如果未提供 last，则您当前将其保留为 0，但请记住，在这种情况下，您仍然需要提供从文件开头到结尾的内容。
3. 为了表现得好，您还应该在响应中设置 Content-Range 标头，因为您正在回复 206。

编辑： 如果您使用FileResult 而不是FileStreamResult，它将处理Range 标头本身，请注意2.1 中的行为更改-低于2.1 类会自动进行处理，因为2.1 您需要启用@987654330 FileResult 的 @ 属性用于进行处理。