Video with video mask

[Dafram]

I'm trying to place an animated video mask over a video, which should be synced. I manage to start them at the same time, but unfortunately the playing speed is not in sync. I did some googlin' and doodlin', but only answer I got, that it's pretty much impossible to sync videos in JS. What's Pixi' take on this? Since this is all drawn to canvas, is there a way to sync mask and video?

[botmaster]

It's drawn to a texture but based on what the videos send, so basically it's the same thing and will produce the same result.

[ivan.popelyshev]

Also there's video-related uploading bug in android chromium right now.

[Dafram]

On 4/30/2018 at 3:58 PM, botmaster said:

It's drawn to a texture but based on what the videos send, so basically it's the same thing and will produce the same result.

So that's a way of saying, that there is no reliable way to use videos with masks? Do you know of any work-around practice? ?

[jonforum]

If you can not get an answer here, have you tried this forum?

This is where all the specialiste video coder are.
I got a lot help from here with a pro for help me fix a hard issue with video encoding and pixi.js
Take a look inside parent tread.

https://forum.videohelp.com/threads/384476-Alpha-Chanel-transparency-in-video

[botmaster]

On 5/3/2018 at 9:30 AM, Dafram said:

So that's a way of saying, that there is no reliable way to use videos with masks? Do you know of any work-around practice? ?

It's not a work around per say, you need to check in code the current position of your videos and sync them yourself.

- Start them both (there'll be a buffer delay) and then make sure they start at the same time (pause the first one that starts)

- Watch their playhead position during the entire play, if they get out of sync move the playhead accordingly, ect ...

- At the end you'll get a good result and that's the way all video sync on the web work (except for handling multiple resolution).