Create a web app that records the user's screen and webcam at the same time

ykdojo / OpenStream

OpenStream is an open-source project for creating a free tool that records screen and webcam footage simultaneously into separate files. It's designed for content creators and developed collaboratively through our community on Discord.

MIT License

105 stars 23 forks source link

Create a web app that records the user's screen and webcam at the same time #34

Open ykdojo opened 4 months ago

ykdojo commented 4 months ago

Context: #24

ykdojo commented 4 months ago

Alternatively, we can go straight into a Chrome extension.

omar-shahid commented 4 months ago

Notes

Rough UI: https://github.com/ykdojo/OpenStream/issues/12#issuecomment-1925037565
Styling technique? (Probably Tailwind)
Code Testing?

Todos

[x] SUGGESTIONS NEEDED: Find a way to render HTML outside the extension's "popup" UI (Required for the camera preview and recording controls - will be placed at the bottom left corner)
[ ] Setup Simple Screen and Video Recorder
[ ] Allow users to select sources
[ ] Countdown

omar-shahid commented 4 months ago

@ykdojo Please assign this issue to me I'd like to work on this

ykdojo commented 4 months ago

@omar-shahid done, thank you so much

ykdojo commented 4 months ago

@omar-shahid let me know if you have any updates

omar-shahid commented 4 months ago

Hi @ykdojo, I couldn't get much done atm, I'll post an update by the weekend. Things to do:

[ ] Screen Recorder
[ ] Cam recorder
[ ] Download Previews

ykdojo commented 4 months ago

Thank you @omar-shahid!

ykdojo commented 4 months ago

Just moved this to in progress, FYI @omar-shahid

omar-shahid commented 3 months ago

Update: I've been pretty busy these days. If someone wants to do their attempt on this issue feel free to start development from my fork. It may take some more time from my side to make some progress.

ykdojo commented 3 months ago

Where's the code you have?

omar-shahid commented 3 months ago

@ykdojo https://github.com/omar-shahid/OpenStream/tree/feature/core Known issues:

[ ] Closing the main popup menu and reopening it spawns a new recorder instead of refocusing the existing recorder popup.

Todos:

[ ] Implement Actual Recording (https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder)
[ ] Allow users to download. (https://gist.github.com/philipstanislaus/c7de1f43b52531001412)

ykdojo commented 3 months ago

It's almost working here: https://github.com/ykdojo/OpenStream/tree/capture-screen-video-standalone

Akshay1018 commented 2 months ago

Hi @ykdojo , I get this repo link from Defaang, where I have contributed adding popup feature and Algorithm solutions, I saw the above todo list, if it is not assigned to anyone, I would love to take this and I will try to complete by this weekend. I will keep you updated.