Как получить поток с камеры на веб-страницу?

Question

Я приступил к разработке модуля, который показывает потоковое видео с камеры на веб-странице.

Но я не знаю, как показывать видеопоток в прямом эфире на веб-странице.

Есть ли какая-либо функция JavaScript, помогающая отображать вид в реальном времени?Позволяет ли тег объекта в HTML вставлять видео в реальном времени?

Может ли кто-нибудь подсказать мне, как я могу это сделать?

Answer 1

Если вы упоминаете о прямой трансляции.Для этого вам нужен либо сервер потокового видео, либо потоковый HTTP.

1. сервер потокового видео

   Это сервер, с которого вы будете передавать потоковое видео.,Они должны быть очень быстрыми, способными обрабатывать множество соединений одновременно, в зависимости от скорости соединения пользователя и т. Д. Чтобы иметь это, вы можете

   • купить свой собственный или
   • знакдля плана размещения на хостинге с ISP (Интернет-провайдер)

2. Или вам нужно HTTP Streaming

   Чтобы сделать это

   • Создать видеофайл в обычном формате потокового мультимедиа
   • Загрузить файл на веб-сервер
   • Сделать простую гиперссылку навидеофайл или используйте специальные теги HTML для встраивания видео в веб-страницу.

---

Некоторые полезные посты и плагины

• Потоковое видео через веб-сокеты с использованием JavaScript

• jQuery Video Player : включает потоковое видео с веб-камеры

• Потоковое видео и аудио с помощью Flash и инструментов с открытым исходным кодом
  _{И тег Да <object>, приблизительноn нельзя использовать для встраивания видеопроигрывателя, который транслирует данные.}

• Потоковая передача по HTTP с JavaScript: AJAX-видеоплеер ^{Рекомендуется, пошаговое руководство}

Answer 2

<OBJECT classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
        codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"
        width="640" height="441" id="vlc" events="True">

    <param name="Src" value="rtsp://your camera ip address" />
    <param name="ShowDisplay" value="True" />
    <param name="AutoLoop" value="False" />
    <param name="AutoPlay" value="True" />

    <embed id="vlcEmb"  type="application/x-google-vlc-plugin" quality="high" version="VideoLAN.VLCPlugin.2" autoplay="yes" loop="no" width="640" height="441"
           target="rtsp://your camera ip address" >               
    </embed>