Fool Media Player zum Abspielen von HTML-Canvas für Kunstprojekt

Question

Ich baue eine interaktive Kunstinstallation, die Kaleidoskop Effekte von Fotos in eine 360-Grad-Video-Dome projizieren wird. Für den interaktiven Teil ist mein Plan, ein Stück Javascript zu verwenden, das die Ausgabe an ein HTML-Canvas-Element sendet. Das funktioniert wie ein Zauber.

Das nächste Problem, das ich lösen muss, ist dieses HTML-Canvas-Element in einen Video-Player zu bekommen. Gibt es eine Möglichkeit, wie ich einen Videoplayer dazu bringen kann, einen Stream abzuspielen, während ich denke, dass es nur eine einfache Videodatei auf der Festplatte ist?

Aufgrund der Mapping/Playing Software bin ich (leider) an ein Windows 10 Gerät für die Wiedergabe des Videos gebunden.

Answer 1

<canvas> unterstützt die captureStream() Methode. Dies ist zum Zeitpunkt des Schreibens noch experimentell, also prüfen Sie zuerst die Browserkompatibilität.

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

Sie können den Stream dann an eine Peer-Verbindung mit WebRTC senden.

Example | Source | Tutorials