Man hat in letzter Zeit das Gefühl, jeden Tag denkt sich irgendwer etwas neues mit dem Canvas-Element aus. Jetzt kann man auch live im Browser einen Greenscreen berechnen lassen, und zwar mit nicht mal 50 Zeilen Javascript: Manipulating video using canvas.
In groß bei Vimeo oder live (benötigt Firefox 3.1).
Das Prinzip ist einfach, ein Canvas-Element schreibt die Einzelframes von einem Video-Element ab und setzt alle Pixel, deren Grün-Wert sich in einem gewissen Rahmen bewegt, aus dem Frame raus und setzt das ganze vor einen neuen Hintergrund. So einfach das sein mag, aber trotzdem ist es bemerkenswert was man mit Canvas alles anstellen kann. Der Phantasie scheinen (außer durch den Internet Explorer) keine Grenzen gesetzt.
Kommentare (3)
Markus Thömmes ¶
2. März 2009, 23:17 Uhr
Absolut cool! Braucht man zwar irgendwie nicht (oder?) aber durchaus cool zu sehen, was damit alles geht!
Nico ¶
3. März 2009, 15:14 Uhr
Genial! Also ich denke das kann man doch gut gebrauchen für Live Streams, aber wundert mich echt das damit sowas machbar ist! Hätte ich nie gedacht!
Axel ¶
3. März 2009, 16:26 Uhr
Was da wohl noch am ehesten limitiert ist der Canvas-Zugriff über eine Funktion.
Ich weiß nicht wieviel da der JITC wegoptimieren darf/kann, aber wenn er es auf einen einfachen Memory-Store runterbekommt, dann sehe ich keine Grund warum man mit Canvas nicht auch noch viel beeindruckendere Dinge tun kann.