Dafram

Video with video mask

Recommended Posts

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?

Share this post


Link to post
Share on other sites
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? 😕

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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).

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

  • Recently Browsing   0 members

    No registered users viewing this page.