如何將覆盆子pi的直播流嵌入html網頁

Question

我最近發佈了一個關於一個使用pi作爲大腦的RC機器人工作的rapberry pi項目，我正在嘗試爲它製作一個GUI。

我的問題被關閉了！

所以這裏是另一個。我決定使用網絡圖形用戶界面。

即時教我自己的HTML，CSS和JavaScript和JQuery的一路上。

但是，我的第一個問題是如何將我的樹莓相機的活食物貼到我的網頁上。

我認爲這會很容易，如果瀏覽器或（至少鉻，我的瀏覽器）仍然支持vlc插件可能會。

我花了一天谷歌搜索各種方法來嵌入我的直播流到網頁上沒有成功。

大多數地方都在推動的東西是使用某種形式的.mjepg文件流向網頁，但我現在也希望以這種方式。一個網站建議使用U4VL，但我似乎可以下載到我的pi。即時假設從2013年開始，U4VL不再存在。

是否有任何類似的vlc嵌入式流媒體或U4VL .mjpeg驅動程序那裏，現在會做同樣的工作？

非常感謝。

Answer 1

我可以想出一些方法來完成這與H264而不是MJPEG。一種方法是使用ffmpeg或gstreamer或VLC將HLS/Mpeg-Dash流寫入Web服務器可見的文件位置。然後，您可以使用Html5視頻標籤將流媒體合併到您的頁面。 Example with raspi, Logitech camera, and ffmpeg

另一種方法可能是利用WebRTC。 Example with raspi camera and gstreamer。