External WebCodecs samples

[tiuvi]

I am currently developing a demo in WebCodecs that covers several key functionalities. It uses getUserMedia and MediaStreamTrackProcessor to capture and process video in real time. Additionally, it includes support for decoding WebM and mp4 files using the JSFile and MP4Box repositories.

This demo is modular and supports the integration of any image editing library. I am currently incorporating PixiJS and Canvas to explore various visual manipulation techniques.

Additionally, I plan to add artificial intelligence using MediaPipe to the image editing tools. This expansion not only enriches functionality, but also provides a concrete example of the potential of the WebCodecs API.

My goal with this project goes beyond creating a robust demo on GitHub. I want to offer a practical guide for developers interested in WebCodecs, highlighting the emerging possibilities and future of this API. This demo will serve as an educational and inspirational resource for the developer community.

DEMO
https://tiuvi.com/videoEditorWebCodecs

This library only has two files
https://cell1.tiuvi.com:1030/videoStreamWorkerPixi.js
https://cell1.tiuvi.com:1030/videoStreamWorker.js

The project is moving very quickly and I can't upload all the changes daily on github but I will keep it updated.
We also need to add support for npm since jsFidle does not compile with Babel, I have to investigate.
https://github.com/tiuvi/tiuvi-editorVideo

[dalecurtis]

Thanks! I think it's probably easier just to keep this discussion up with the link to your demo.

To land it in repo you'd need to rework it the existing samples directory structure and work from GitHub pages.

I think using this discussion page for folks to link there demos for folks to find would work well. Folks feel free to link your samples in this show & tell thread. Thanks!