Javascript - >網絡攝像頭 - > SVG

Question

無論如何使用https://github.com/taboca/CamCanvas-API-或jquery網絡攝像頭插件來使用我的筆記本電腦的輸入，然后使用實際的網絡攝像頭圖像來生成SVG圖像？ 我在幾周內做了一個藝術展，並希望相機成為一些SVG動畫的源頭，這樣觀眾就可以與這件作品進行某種形式的互動。 我知道在SWF中的CamCanvas Jquery網絡攝像頭輸出即flash，但是可以從javascript訪問顯示網絡攝像頭的flash文件，然后在像raphael這樣的圖形庫中使用，還是我必須在flash中編寫所有內容？

是否可以使用html 5視頻標簽並訪問筆記本電腦上的網絡攝像頭？

此外，我可以在OGG中使用VLC流式傳輸相機，然后將OGG流作為SVG動畫的輸入嗎？

Answer 1

SVG用於矢量圖形。 所以“網絡攝像頭”和“SVG”不能很好地融合在一起。

我不認為<video>可以訪問設備 - 所以你可能會更好地使用Flash。

Answer 2

不，您現在無法使用<video>標簽訪問網絡攝像頭。

在將來（長期），您將能夠使用<device>標簽 ，但尚未有任何瀏覽器支持它。

但是，您可以使用VLC將流合並到<video>標記 ，因為聽起來這只是您將在您控制的計算機上運行的內容。 （另請看一下這家伙的第二篇文章，從視頻中獲取圖像並在<canvas>上操作它 。有一個演示只是讓我大吃一驚。）