Потоковое видео из базы данных

Я пытаюсь выполнить действие для отображения мультимедиа из базы данных (ASP.NET MVC4):

var memoryStream = new MemoryStream(mediaContent.File.FileData.Data);

return new FileStreamResult(memoryStream, MimeMapping.GetMimeMapping(mediaContent.File.Filename));

Картинки отображаются нормально, но у меня проблема с видео (.avi), когда я собираюсь связать mysite/media/4 в Chrome или Firefox, отображается:

<embed width="100%" height="100%" name="plugin" src="http://mysite/media/4" type="video/x-msvideo">

Но видео не воспроизводится (как это происходит, если ссылка указывает на реальный видеофайл), но если я открываю эту ссылку в IE, он предлагает мне загрузить файл, и когда я открываю этот файл из плеера, он работает нормально.

Заголовки ответа:

Cache-Control:private, s-maxage=0
Content-Length:808680
Content-Type:video/x-msvideo
Date:Wed, 06 Nov 2013 10:03:09 GMT
Server:Microsoft-IIS/7.5
X-AspNet-Version:4.0.30319
X-AspNetMvc-Version:4.0
X-MiniProfiler-Ids:["e305dcdb-79be-4452-94d2-a9999ffaa13a","c0c81d12-8b31-425c-a57b-2ad186c958d5","1f7f3c09-a695-49f1-9203-6b5bf44b837a","fb0d637e-5926-4759-ad6f-f7322403e98c","f08c0392-10d6-4477-b2df-be52ab9a1d64","366d6122-15a5-41b4-840a-607fc6931996","11fd2eb7-efce-47a1-96f8-09fbdb0b1fa0","690e67b7-b1fb-46a3-9aa3-ef6207203f55","a51640ad-f31d-4f12-a807-6ea06ba0ee46","38adc052-9c41-4243-97d2-41dbf3b36093","9d255225-c122-44ef-8021-5b6f9d4dd549","2b249ff3-9e37-43c3-b6ab-b78b26c6d6ce","2bec0b1b-4898-4b14-bf12-cc331e27ecfc","49c72e01-c8d4-495f-af7e-8ffd687e94e9","1c87e454-f90d-49f4-9618-8dfe0d9c0329","2152a9a8-54ae-47d8-b98a-83ac32dbdb0c","9cf93254-9552-4834-826e-df7e8a7d8e73","a2d782e2-96ca-4e9c-b612-9782a37a06ca","e10ecc8a-5811-4cca-b566-3f09e1de3f2c","3769bb15-60f9-43c3-ad6c-285f3fb47112","1996c4aa-9f76-4f33-95fa-3f7f5b3e72f4"]
X-Powered-By:ASP.NET

Что я делаю неправильно? Я хочу иметь ссылку, которую я могу использовать в <object> для отображения этого видео на странице.

Обновление 1: Ответ, который я получаю, если ввожу URL-адрес физического видеофайла, не имеет никакого смысла:

HTTP/1.1 304 Not Modified
Last-Modified: Tue, 05 Nov 2013 17:07:56 GMT
Accept-Ranges: bytes
ETag: "5d50369249dace1:0"
Server: Microsoft-IIS/7.5
X-Powered-By: ASP.NET
Date: Wed, 06 Nov 2013 11:20:32 GMT

Но он работает и начинает воспроизводить видео внутри браузера, используя встроенный плагин VLC player.

Обновление 2: я пробовал разные реализации для возврата видео и пытался поставить ссылку на src из object

<object id="video-player" class="preview-container" type="video/x-msvideo" src="{link to video}" loop="true" controls="false" autoplay="true"></object>

Так что в случае, если ссылка на реальное видео, например, «localhost/media/some_video.avi», тогда она отлично работает внутри object и при прямом переходе по URL-адресу.

Я проверил поведение для разных реализаций

1) return File(memoryStream, MimeMapping.GetMimeMapping(mediaContent.File.Filename), mediaContent.File.Filename);

to url: предлагает скачать видео файл; в объекте: показывает пустой плагин;

2) return new FileContentResult(mediaContent.File.FileData.Data, "application/x-vlc-plugin")

к URL: показывает пустой плагин; в объекте: показывает пустой плагин;

3) return new FileContentResult(mediaContent.File.FileData.Data, "video/avi")

to url: предлагает скачать видео файл; в объекте: показывает пустой плагин;

Обновление 3: я создал HttpHandler:

public void ProcessRequest(HttpContext context)
{
    MediaContent mediaContent;
    //getting mediaContent

    context.Response.Clear();
    context.Response.Buffer = true;
    context.Response.AppendHeader("Content-Disposition", "inline; filename=" + mediaContent.File.Filename);
    context.Response.ContentType = MimeMapping.GetMimeMapping(mediaContent.File.Filename);
    context.Response.BinaryWrite(mediaContent.File.FileData.Data);
    context.Response.End();
}

И это просто РАБОТАЕТ. В порядке. Затем я сделал действие с той же логикой, что и обработчик:

[HttpGet]
public void Media(int id)
{
    MediaContent mediaContent;
    //getting mediaContent

    Response.Clear();
    Response.Buffer = true;
    Response.AppendHeader("Content-Disposition", "inline; filename=" + mediaContent.File.Filename);
    Response.ContentType = MimeMapping.GetMimeMapping(mediaContent.File.Filename);
    Response.BinaryWrite(mediaContent.File.FileData.Data);
    Response.End();
}

Но это действие по-прежнему не работает с видео, и я начал сравнивать заголовки ответов.

Обработчик:

HTTP/1.1 200 OK
Cache-Control: private
Content-Type: video/x-msvideo
Server: Microsoft-IIS/7.5
Content-Disposition: inline; filename=Reebok_App_attract640L.avi
X-AspNet-Version: 4.0.30319
X-Powered-By: ASP.NET
Date: Wed, 06 Nov 2013 17:02:45 GMT
Content-Length: 808680

Действие:

HTTP/1.1 200 OK
Cache-Control: private, s-maxage=0
Content-Type: video/x-msvideo
Transfer-Encoding: chunked
Server: Microsoft-IIS/7.5
X-AspNetMvc-Version: 4.0
Content-Disposition: inline; filename=Reebok_App_attract640L.avi
X-AspNet-Version: 4.0.30319
X-Powered-By: ASP.NET
Date: Wed, 06 Nov 2013 17:02:47 GMT

Чтобы избавиться от Transfer-Encoding, я добавил Content-Length в свое действие:

Response.AddHeader("Content-Length", mediaContent.File.FileData.Data.Length.ToString());

Я не мог избавиться от s-maxage=0, но теперь заголовки похожи (кроме s-maxage=0, X-AspNetMvc-Version: 4.0 и порядка заголовков)

06.11.2013

Вы сравнивали ответ http с ответом работающей реализации того же типа видео? (примечание: этот тип подхода подходит только для простых статических видео, а не для адаптивной потоковой передачи). Я не знаю, поможет ли это, но пробовали ли вы добавить встроенный контент? 06.11.2013
Дополнительная мысль: avi (video/x-msvideo) — это зонтичный формат, который может использовать ряд внутренних кодеков; подходит ли кодек для браузера? 06.11.2013
Спасибо за комментарии. Я попытался добавить Response.AppendHeader(Content-Disposition, inline; filename= + mediaContent.File.Filename); но это не работает 06.11.2013
Возможно, вам понадобится специальное действие контроллера, чтобы только воспроизводить видео, а не загружать его. проверьте это devcurry.com/2013/ 04/play-videos-in-aspnet-mvc-html5-using.html 12.11.2013

Ответы:

Ну, я сделал все возможное, чтобы отразить ваш первоначальный код, за исключением базы данных, то, что у меня ниже, отлично работает для меня. VS2012, MVC4, локальный IIS Express, удаленный IIS7.5, работает на локальном IE10, удаленном IE10, удаленном IE9. Файл AVI, который я использовал, — это какой-то случайный файл, который я нашел в папке Windows\winsxs. Я собираюсь предположить, что у вас есть проблема на стороне клиента (в частности, IE). Возможно, что-то вроде проблем с обработкой файлов cookie (http://mvolo.com/iis-70-forms-authentication-and-embedded-media-players/), настройки зоны безопасности IE или что-то еще?

Кстати, высота = 100% при встраивании у меня не работает, должны быть пиксели.

Контроллер

namespace MvcApplication4.Controllers
{
    public class HomeController : Controller
    {

        public ActionResult Index()
        {
            return new ViewResult();
        }

        public ActionResult Media(int id)
        {
            string fn = Server.MapPath("~/App_Data/boxed-delete.avi");
            var memoryStream = new MemoryStream(System.IO.File.ReadAllBytes(fn));
            return new FileStreamResult(memoryStream, MimeMapping.GetMimeMapping(System.IO.Path.GetFileName(fn)));
        }

    }
}

Вид

@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
        <!-- http://localhost:54941/Home/Media/3  -->
    <embed width="100%" height="500"  name="plugin" src="~/Home/Media/3" type="video/x-msvideo">     
    </div>
</body>
</html>

10.11.2013

Я не предоставил это, но контроллер, в котором я пытался реализовать свое действие, был помечен AuthorizeAttribute, и это было проблемой, пометив это действие с помощью AllowAnnonymousAttribute, чтобы решить эту проблему. Большое спасибо - ссылка, которую вы предоставили, указала мне правильное направление 14.11.2013

File.ReadAllBytes загружает весь файл в память. Если это работает для вас, вам вообще не нужно использовать поток, и вы можете просто вернуть FileContentResult, содержащий массив байтов. Если вы хотите передать файл в потоковом режиме, не загружая его в память, вам нужно вместо этого использовать File.OpenRead. 19.06.2018

Вы можете поместить местоположение файла, хранящееся в базе данных, в массив байтовых буферов и читать из массива в куске вместо чтения всего массива сразу

WebRequest wreq = (HttpWebRequest)WebRequest.Create(url);
using (HttpWebResponse wresp = (HttpWebResponse)wreq.GetResponse())
using (Stream mystream = wresp.GetResponseStream())
{
  using (BinaryReader reader = new BinaryReader(mystream))
  {
    int length = Convert.ToInt32(wresp.ContentLength);
    byte[] buffer = new byte[length];
    buffer = reader.ReadBytes(length);

    Response.Clear();
    Response.Buffer = false;
    Response.ContentType = "video/mp4";
    while(true) {
    int bytesRead = myStream.Read(buffer, 0, buffer.Length);
    if (bytesRead == 0) break;
    Response.OutputStream.Write(buffer, 0, bytesRead);
}
    Response.End();
  }
}

Также вы можете проверить данный URL-адрес, если он помогает, http://www.devcurry.com/2013/04/play-videos-in-aspnet-mvc-html5-using.html

Спасибо

09.11.2013

Новые материалы

Создание успешной организации по науке о данных

"Рабочие часы" Создание успешной организации по науке о данных Как создать эффективную группу по анализу данных! Введение Это обзорная статья о том, как создать эффективную группу по..

Технологии и проблемы будущей работы

Изучение преимуществ и недостатков технологий в образовании В быстро меняющемся мире технологии являются решающим фактором в формировании будущего работы. Многие отрасли уже были..

Игорь Минар из Google приедет на #ReactiveConf2017

Мы рады сообщить еще одну замечательную новость: один из самых востребованных спикеров приезжает в Братиславу на ReactiveConf 2017 ! Возможно, нет двух других кланов разработчиков с более..

Я собираюсь научить вас Python шаг за шагом

Привет, уважаемый энтузиаст Python! 👋 Готовы погрузиться в мир Python? Сегодня я приготовил для вас кое-что интересное, что сделает ваше путешествие более приятным, чем шарик мороженого в..

Альтернатива шаблону исходящих сообщений для архитектуры микросервисов

Познакомьтесь с двухэтапным сообщением В этой статье предлагается альтернативный шаблон для папки Исходящие : двухэтапное сообщение. Он основан не на очереди сообщений, а на..

React on Rails

Основное приложение Reverb - это всеми любимый монолит Rails. Он отлично обслуживает наш API и уровень просмотра трафика. По мере роста мы добавляли больше интерактивных элементов..

Что такое гибкие методологии разработки программного обеспечения

Что представляют собой гибкие методологии разработки программного обеспечения в 2023 году Agile-методологии разработки программного обеспечения заключаются в следующем: И. Введение A...

Метки

Machine Learning JavaScript Data Science Artificial Intelligence Software Development Web Development Python Coding Deep Learning AI React Software Engineering Nodejs Development Typescript Data Java NLP Front End Development Computer Science Algorithms Learning Programming Languages ChatGPT Tech Tutorial Productivity Reactjs React Native Angular Cybersecurity Javascript Development Python Programming Developer CSS Swift Learning To Code Science