search

patriciogonzalezvivo / glslCanvas

Simple tool to load GLSL shaders on HTML Canvas using WebGL
http://patriciogonzalezvivo.github.io/glslCanvas/
MIT License
1.98k stars 183 forks source link

Video texture problem #34

Open Lunkvoul opened 6 years ago

Lunkvoul commented 6 years ago

Hi, Patricio, thank you for all your astonishing and amazing work.

I'm afraid, I ran into a problem with playing video as a texture. Video doesn't play in Chrome (67) (Mac and Win) and Safari (11.1.1) browsers. It freezes on the first frame. However, in Firefox (Mac, Win), Opera (Mac, Win), Edge (Win) everything is playing just fine.

Safari 9.1.3 (old one) gives me an error: "ReferenceError: Can't find variable: performance. GlslCanvas.js:1417"

There is one more strange detail about it. If you reload the page in Chrome and immediately (very quickly, really) click somewhere in the browser window — video starts to play. Or if you reload the page with the inspector previously opened — video starts to play also.

Test page | Shader

It would be great if there were some way to handle this. Thanks!

willstall commented 5 years ago

@Lunkvoul I'm actually having the same problem and been trying to figure out exactly what's going on. I thought it might be the .muted properly needing to be set for autoplay to happen in Safari. But, that's yield no results so far.

Have you had any other luck?