javascript - Apply filter to HTML5 video without CSS -


i'm looking way apply filters video (took webcamera in real time), without using kind of css class.

i not want create css class like:

.blur {    -webkit-filter: blur(1px);    -moz-filter: blur(1px);    -o-filter: blur(1px);    -ms-filter: blur(1px);    filter: blur(1px); } 

and apply document.getelementbyid("myvideo").classname = "blur". no, i'm not looking this. need embed filter video users can quit them. (using injected css not option).

to clearify myself: i'm not looking solutions http://html5-demos.appspot.com/static/css/filters/index.html

is there way this?

thanks

edit:

i have code post before, have css class assign canvas apply filter whenever want

problem? users can disable injected css using developer tools included in chrome, or using firebug (by disabling classes, or elements individually).

so need solution apply filters these, without injecting css canvas element.

you have apply filters video data before delivering browser. there lots of ways this, example: ffmpeg supports various filters (including blur).

anything can on client can undone user (the user controls client, don't).


Comments

Popular posts from this blog

html - Sizing a high-res image (~8MB) to display entirely in a small div (circular, diameter 100px) -

java - IntelliJ - No such instance method -

identifier - Is it possible for an html5 document to have two ids? -