Archive for: June, 2013

Continue Reading syphon

Syphon into the web browser

Yes apparently we can have a Syphon input into the web browser. It is a workaround done via Quicktime. So it has some limitations. The biggest limitation being that we can not use the Syphon input as a texture in WebGL. When I did this I prepared a Syphon client in Quartz Composer and converted it to a Quicktime file. Then I put it into my webpage like this: <embed width=”400px” height=”300px” name=”plugin” src=”file:///Syphon%20Client%20QC.mov” type=”video/quicktime”> It does seem that we can put CSS filters on the Quicktime element which I hadn’t expected (tested in Safari and Chrome). Like this: <head> <style> .filtered { -webkit-filter: hue-rotate(230deg) saturate(300%) blur(6px); } </style> </head> <body> <embed class=”filtered” width=”400px” height=”300px” name=”plugin” src=”Syphon%20Client%20QC.mov” type=”video/quicktime”> </body> I have also tested the awesome up-and-coming CSS custom filters feature but it does not work on videos or embedded content – yet. I have a hope that when it is […]