javascript - Web-based video editor -
we have web-based editor allows users build animated web apps. apps made of shapes, text, images, , videos. except videos, other elements can animated around screen. result of building animated app big blob of json.
the playback code web app web-based well. takes json blob , constructs html, ends playing in sort of browser environment. problem of time playback occurs on lower-end hardware televisions , set-top boxes.
these performance issues go away if there way able convert digital sign video. stb/smart tv plays video, much more performant playing animations in web view.
given blob of json describing each layer , how draw each type of object, animation points, etc, how somehow take , convert video on server?
my first effort @ using phantomjs load playback page in headless browser, take series of screenshots, , utilize ffmpeg merge screenshots video. worked great long there no video. not work video since there no html5 video tag back upwards in phantomjs, , if there was, lose audio.
the other way thinking of doing 1 time again load playback page in phantomjs, turn off video layers , leave them transparent, take screenshots series of pngs transparency. combine these video layers.
none of feels elegant though. know there web-based video editors out there i'm trying accomplish, how it?
javascript html video ffmpeg video-processing
No comments:
Post a Comment