Make it a stateless/pure/functional component

[mifi]

Look into making it completely functional/stateless:

getFrame(frameNum, parameters) -> calculates transitions and everything to return a calculated frame

This allows for making a GUI with seeking to any random frame

Must have workaround for non-seekable streams like ffmpeg pipe

• http://www.ffmpeg.org/ffmpeg-filters.html#movie-1
• http://www.ffmpeg-archive.org/Controlling-an-ffmpeg-stream-td4677436.html

Also cache low resolution/low framerate version of each input video cut so we can render preview faster

[mifi]

I made a working statelessMode for the video frame source in https://github.com/mifi/editly/tree/stateless

However the hard part is to convert the main loop and its logic and state into a pure stateless function:

editly/index.js

Line 436 in ccd42cc

while (true) {

[mifi]

I made a function

editly/index.js

Line 372 in fc2cb57

async function renderSingleFrame({

...which will render a single frame at the specified time to a PNG. Useful for testing and could be useful in the future.

Example: renderSingleFrame.js

TODO:

• Must merge the previously mentioned stateless branch for videos to work.
• renderSingleFrame does not render correctly in transitions (it will just render one clip or the other)

[mifi]

Wow I just found this project which does exactly this: https://www.remotion.dev/