molamil-com / codethewave-framework Goto Github PK

I start the experience WebAudioAnalyser and see this. I tap play and the experience begin

Most of the time I see no video, but occasionally something like this pops in

As you can see the black around his hand isn't masked

It's definately running smoothly. I just suspect the scaling or position of the mask is off somehow. When I see some of the mask on the video it's also very blurry, so again, I think the videomask layer isn't scaled properly. The video layer itself could be ok scaled

Adding mouseDownTouchStart in background only and then adding a foreground layer causes mouseDownTouchStart to be called twice when you click.

http://codepen.io/ramiroespada/pen/mAwXAJ

This looks fine on mac, but on Windows (Martin Dyrby's computer) the blue color renders behind the video mask

Migrated comments:

Ramiro Espada
@nikolaj Stausbøl but the video plays masked inline?

Nikolaj Stausbøl
@ramiro Espada Yes he can use the video and mask it normally. It's just anything he puts on the top layer goes behind the mask

Ramiro Espada
Wow, that's pretty odd but I'll try to fix it, thanks for posting!

Samsung S6 - Android
Both chrome and Firefox used to work

1. I refresh the page
2. there's a call to play() which fails
3. i touch the screen
4. there's 2 more calls to play which also fails

I think this error message is important.
Handling of 'touchmove' input event was delayed for 230 ms due to main thread being busy. Consider marking event handler as 'passive' to make the page more responive.

If the event was delayed it might not be considered a user interaction anymore which makes the play() call fail. The user interaction has to call play() instantly.