Как использовать встроенный в проект node.js файл как источник html5 video

Уважаемые Гуру!
Есть пример кода использования html5 video, в котором источник задаётся в виде:
Если у меня есть файл .mp4 (или .m3u8) и я хочу попробовать заменить src на свой. Могу ли я просто положить их в какой-нибудь каталог node.js проекта , например, "public" и каким то образом указать их в качестве src. Или необходимо сделать api , которое возвращает stream с указанными файлами?

0

АТерентьев, нужно организовать веб-приложение на базе node. Видос положить в папку раздачи статики (где это определяется веб-фреймворком, на котором будет сделано приложение). Можно и руками, через stream отдавать, но я не вижу смысла.

Ещё, нужно будет организовать домен для этого приложения и TLS-сертификат.

1

https://codesandbox.io/p/sandb... 2Findex.js - это пример, который я повторил . Теперь хочу в качестве источника для плейера подсунуть свой файл .m3u8. Я пытаюсь понять могу ли я положить этот файл внутрь проекта и как нибудь имитировать stream для плейера.

Добавлено через 37 минут
Я хотел бы понять как можно решить такую задачу. Есть много видеокамер. например, на дорогах , которые выдают stream в формате rtsp или http. С помощью ffmpeg из такого потока создаётся файл .m3u8, его и надо показать в <video ...> html 5. Я могу их просматривать в VLC. Тема для меня новая, только между делом смотрю.
План такой - попробую используя react и nodejs посмотреть это видео в формате .m3u8.
Затем в реальном проекте поставлю специальный сервер c Линуксом , который будет преобразовывать стримы с видеокамер в формат .m3u8 и служить источником для сайта, который по клику на камере будет показывать видео ситуации на дорожном участке, где стоит камера

0

Сообщение от АТерентьев и как нибудь имитировать stream для плейера.

Любая имитация стрима будет являться полноценным стримом.

Сообщение от АТерентьев Я хотел бы понять как можно решить такую задачу

Я выше уже озвучил.

1

Сообщение от АТерентьев .m3u8, его и надо показать в <video ...> html 5

А браузеры поддерживают этот формат?

0

Да, поддерживают https://github.com/videojs/http-streaming ,
https://github.com/videojs/video.js. Там есть примеры.
Понятно, как статические файлы отдавать в ASP.NET, буду пробовать

0

АТерентьев, если отдавать статику, без всякой логики, то тут даже ASP.NET избыточен. Обычный веб-сервер можно взять.

1

У меня все проекты рабочие сейчас на Blazor. Так что вставить несколько строк для отдачи статических файлов не заняло много времени. Но несколько строк , без которых не запускалось :

1. Надо разрешить cors:

builder.Services.AddCors(options =>
{
options.AddPolicy("NewPolicy", builder =>
builder.AllowAnyOrigin()
.AllowAnyMethod()
.AllowAnyHeader());
});
...
app.UseCors("NewPolicy");

2. Не знаю обязательно ли, увидел код и добавил следующее:

var provider = new FileExtensionContentTypeProvider();
// Add new mappings
provider.Mappings[".m3u8"] = "application/x-mpegURL";
provider.Mappings[".ts"] = "video/MP2T";

3. Ну и разрешил брать статику из каталога "D:/monitorFiles/HLS", в который из ffmpeg пишутся .m3u8 и *.ts файлы


app.UseStaticFiles(new StaticFileOptions
{
ContentTypeProvider = provider,
FileProvider = new PhysicalFileProvider("D:/monitorFiles/HLS"),
RequestPath = "/HLS"
});

В Blazor не получилось сразу показывать видео, поэтому решил попробовать в node.js и React.
В приведенном выше примере строку подключения заменил на следующий код :

localhost:5084 - это адрес запуска в отладчике. "HLS" это идентификатор хранилища статики ( задаётся выше с помощью RequestPath = "/HLS")

Спасибо за помощь!!!

P.S. Сейчас буду смотреть как сделать специальный сервер для стриминга. Думаю поставить либо Astra-Linux либо Ubuntu. Либо придётся как всегда пока всё на одном сервере делать, из-за недостатка ресурсов)

0

Сообщение от АТерентьев Думаю поставить либо Astra-Linux либо Ubuntu.

С астрой убедись, что лицензию не нарушаешь. Мало ли.

0