Code and Stuff

Feb 26, 2013

SVG Filter Tests

Applying SVG filters to various things

Videos

Apply filter to WebRTC Webcam capture. Webcam code was taken from Mozilla.

Or on a normal video (source wikipedia http://en.wikipedia.org/wiki/File:GibraltarpediA_introduction_video.ogg);

Canvas

To test the canvas I will reuse my Image Compositing post "plasma" like animation.

Youtube

Youtube can work using flash or html5. Probably the HTML5 uses a video tag or a canvas (never actually checked that), but we are interested in the flash version. By default, if available, youtube uses flash (as of feb 2013). Click Here for the original Rhett & Link GMM video.

Problems

Mid february 2013 i tested Mac Firefox 19, Mac Chrome 25 and Windows Firefox 19
  • Chome shows some strange behaviour with animated stuff (e.g. convolution not applied)
  • Firefox SVG filters are quite slow (especially the erode and dilate)
  • Firefox SVG filters are not applied to flash videos on Windows. They are on a Mac 10.6

No comments: