傻瓜媒體播放器播放藝術項目的HTML畫布輸出

Question

我正在構建一個交互式藝術裝置，將照片的萬花筒效果投影到360度視頻圓頂。對於交互式部分，我的計劃是使用一段將輸出發送到html canvas元素的Javascript。這像一個魅力。

我需要解決的下一個問題是將此HTML畫布元素放入視頻播放器中。有沒有什麼辦法可以讓視頻播放器在播放流時認爲它只是磁盤上的普通視頻文件？

由於映射/播放軟件，我（不幸）被綁定到Windows 10機器以播放視頻。

Answer 1

<canvas>支持captureStream()方法。在撰寫本文時，這仍然是實驗性的，所以請先檢查瀏覽器的兼容性。

var stream = canvas.captureStream(25); // 25 fps frame-rate 

然後，您可以使用WebRTC將該流發送到對等連接。

Example | Source | Tutorials