從C++圖像幀到html5 <客戶端瀏覽器中的視頻標籤

Question

在我的C++應用程序中，我有來自網絡攝像頭的視頻圖像幀。

我希望將這些圖像幀向下發送到HTML5視頻標記元素，以便從相機播放實時視頻。我怎樣才能做到這一點？

Answer 1

對於一個起點，你會想要看看WebM和H.264/MPEG-4 AVC。這兩種技術都被用作HTML5媒體流。它的用途是FireFox只支持WebM，而Safari和Chrome都支持H.264。我不確定他們目前的狀態，但是你可能不得不實施這兩個。

您的C++將不得不實現一個可以實時傳輸這些格式的Web服務器。這可能需要大量的工作。如果你選擇這條路線，這個Microsoft document可能有些用處。另外，WebM頁面還有開發人員文檔。 H.264可能需要付費才能獲得許可。 WebM allows royalty free usage。

如果我沒有弄錯，這些格式都不能完全下載才能工作。所以你只需要編碼並刷新你一遍又一遍的當前幀。

然後，就HTML5中的視頻標籤而言，您只需向其提供您的C++服務器將響應的URL。 Here is some documentation on that。儘管如此，您可能想要查看是否有某些服務將這些流鏡像爲不超載您的應用程序。

流式傳輸攝像頭的簡單方法可以簡單地使用FFMPEG。

另一個有用的文件，可以發現在： http://www.cecs.uci.edu/~papers/aspdac06/pdf/p736_7D-1.pdf

我不是專家，但我希望至少可以幫助你得到你的開始。