Create a web app that records the user's screen and webcam at the same time
ykdojo opened this issue · 13 comments
Alternatively, we can go straight into a Chrome extension.
Notes
- Rough UI: #12 (comment)
- Styling technique? (Probably Tailwind)
- Code Testing?
Todos
- 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
@ykdojo Please assign this issue to me I'd like to work on this
@omar-shahid done, thank you so much
@omar-shahid let me know if you have any updates
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
Thank you @omar-shahid!
Just moved this to in progress, FYI @omar-shahid
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.
Where's the code you have?
@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)
It's almost working here: https://github.com/ykdojo/OpenStream/tree/capture-screen-video-standalone
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.