如何從相機獲取流到網頁？

Question

我已經開始開發在網頁上顯示來自攝像頭的實時視頻流的模塊。

但是，我不知道如何在網頁中實時顯示視頻流。

是否有任何 JavaScript 函數有助於顯示實時視圖？ HTML 中的對象標簽是否允許我們嵌入實時視頻？

有人可以指導我如何做到這一點嗎？

Answer 1

如果您提到實時流媒體。 為此，您需要 Streaming Video Server 或 HTTP Streaming。

1. 流媒體視頻服務器

   IT 是您將從中流式傳輸視頻的服務器。 它們必須非常快，能夠一次處理多個連接，具體取決於用戶的連接速度等。要做到這一點，您可以

   • 自己買，或者
   • 向 ISP（互聯網服務提供商）注冊托管流媒體計划

2. 或者，您需要HTTP Streaming

   讓它盡可能簡單

   • 創建常用流媒體格式的視頻文件
   • 將文件上傳到您的網絡服務器
   • 制作視頻文件的簡單超鏈接，或使用特殊的 HTML 標簽將視頻嵌入網頁中。

---

一些有用的帖子和插件

• 使用 JavaScript 通過 websockets 傳輸視頻

• jQuery Video Player ：啟用網絡攝像頭視頻流

• 使用 Flash 和開源工具進行視頻和音頻流
  _{是的<object>標簽，可用於嵌入流數據的視頻播放器。}

• 使用 JavaScript 通過 HTTP 流式傳輸：^推薦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>