[WIP] Implement frame-by-frame piping for video processing

[Copilot]

Thanks for asking me to work on this. I will get started on it and keep this PR's description up to date as I form a plan and make progress.

Original prompt

The current implementation relies on the browser's videoExporter feature for video processing. However, this has shown significant limitations, particularly due to lacking hardware acceleration support, leading to performance hindrances on many devices. This proposal is to implement a Frame-by-Frame Piping mechanism to replace the videoExporter reliance. The new implementation must be optimized for hardware acceleration. The task involves:

1. Extracting individual video frames efficiently.
2. Utilizing Web APIs or libraries (e.g., WebCodecs, WASM modules) to process the frames with hardware-acceleration support.
3. Designing an adaptive pipeline that handles frame encoding and rendering without introducing latency.
4. Ensuring compatibility across major browsers and devices supporting modern web standards.
5. Comprehensive testing to validate performance improvements and maintain processing quality across hardware configurations.

This should provide substantial performance improvements over the existing setup.

This pull request was created as a result of the following prompt from Copilot chat.

The current implementation relies on the browser's videoExporter feature for video processing. However, this has shown significant limitations, particularly due to lacking hardware acceleration support, leading to performance hindrances on many devices. This proposal is to implement a Frame-by-Frame Piping mechanism to replace the videoExporter reliance. The new implementation must be optimized for hardware acceleration. The task involves:

1. Extracting individual video frames efficiently.
2. Utilizing Web APIs or libraries (e.g., WebCodecs, WASM modules) to process the frames with hardware-acceleration support.
3. Designing an adaptive pipeline that handles frame encoding and rendering without introducing latency.
4. Ensuring compatibility across major browsers and devices supporting modern web standards.
5. Comprehensive testing to validate performance improvements and maintain processing quality across hardware configurations.

This should provide substantial performance improvements over the existing setup.

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.