Create WebGL Shader implementation for use in HTML5 browsers about anime4k HOT 10 OPEN

@stefnotch sound great. I or someone on my team may take a look in the coming weeks.

from anime4k.

Hi, I am also interested in that implementation.
Here is a gist based on GLSL code.
I don't know much about the MPV pipeline and custom shaders so the code is probably wrong.
But it seems to work nonetheless.

Can anyone verify this code? 😃

from anime4k.

It should be quite doable to take a video, render it to a canvas and apply WebGL effects. The GLSL shader seems simple enough. It would potentially lag behind 1-3 frames, but that's not an issue since it's a video and not a realtime game.

Ideally, that would be turned into a browser plugin so that it could be used on most websites.

from anime4k.

@mdale If you're interested in implementing this, I'd be willing to help out.

from anime4k.

On a quick inspection, it doesn't seem to have any obvious flaws. It'd be great if you could put it on a GitHub repository. Then, I could take a closer look at it and submit PRs with improvements.

from anime4k.

Just a quick question:
Would it be also possible to have it inside an userscript, which runs on certain sites/Webplayers? that would be the best way for endusers i think.

from anime4k.

Of course that would be possible.
Although, it might run into issues on the various websites that use a custom video player.

from anime4k.

@stefnotch that would be nice, i would work on such a thing if someone gives me starting directions.
Custom Video Player are a problem, but i know enough sites i would use which have Standard player

from anime4k.

Anime4k already has a web implementation https://github.com/bloc97/Anime4K/blob/master/web

In the onLoad function, the important setup stuff happens

I'm not the author of it, but I think a userscript would approximately do this

• Find the correct (or first) video tag instead of using a hardcoded one
• Add a canvas with the correct size and put it over the video
• Do pretty much whatever the onLoad function does

from anime4k.

@stefnotch hello, this is Anime4K v2.1 WebGL implement, but it can't be work. Would you help me to fix it?

from anime4k.