Как правильно встраивать видео MJPEG в приложение Angular - Chrome, Edge, другие браузеры - PullRequest
Новая
       11

Как правильно встраивать видео MJPEG в приложение Angular - Chrome, Edge, другие браузеры

0 голосов
/ 07 октября 2018

Здравствуйте, профессионалы StackOverflow!

Сначала - я не программист, поэтому, пожалуйста, будьте добры ко мне: -)

У меня есть приложение, написанное на Angular - JavaScript.У меня есть веб-сервер (Nginx), который транслирует видео с веб-камеры в виде потока MJPEG по адресу ../webcam.Что мне нужно, так это встроить поток MJPEG в страницу в моем приложении для просмотра пользователям.Когда я добавляю простую кликабельную ссылку ../webcam, видео воспроизводится только в некоторых браузерах, но, например, Edge просит сохранить файл, оно не воспроизводит видео.Я даже пытался сделать iframe (фактический код), но все тот же - mobile Edge спрашивает, где сохранить файл: - (

Есть ли вариант, как встроить поток MJPEG в страницу,поэтому Edge не будет запрашивать загрузку / сохранение, но будет воспроизводить видеопоток?

На этой странице теперь есть код: https://vicon -security.zendesk.com / hc / en-us / Articles/ 210734683-Как я могу повторно передать поток MJPEG с моей камеры на мой сайт-

Код всего приложения на GitHub: https://github.com/romanicak/growduino-client

1 Ответ

0 голосов
/ 08 октября 2018

Попробуйте использовать тег видео вместо Iframe.Это может помочь вам решить проблему. 

<video data-title="Live stream">
<source type="application/x-mpegurl"
        src="your URL goes here...">
   </video>

Проведите тест с кодом и сообщите нам о своем результате.

...