Video recording website

Inspiration

Sometimes, it is very hard to record video throught camera or screen recording on desktop which makes me make this easy using application that could record video about people through camera , taken photo or screen recording. People could download easily.

What it does

The application could record video about people through camera , taken photo or screen recording. All of them could download easily.

How we built it

use HTML, css, js, figema.js and js built-in userMedia API.

Challenges we ran into

Firstly, it is not a easy night project. It takes a lot of work and even harder for me who work sololy. Altough, the things I present seems very simple, but it has more than 1 thousand code which hasn't not include my 32 commits.

Also, i search for a long time (several hours) for converting webm to mp4 and finally find out the best solution is to use figema.js. I study and struggle a lot during this time.

Pretty new to figema.js and usermedia api. Take a lot of time study and familar with that

The UI also takes a lot of time and effort.

Accomplishments that we're proud of

The application could now record video about people through camera , taken photo or screen recording. All of them could download easily. It could soon offer service for converting webm to mp4 (I have written dozens of lines of doing that here and here

What we learned

More tricks about JS, html and css New library: figema.js New first-party APi: userMedia

What's next for Video recording website

A lot of things and new features I could add to the application. I have a lot of ideas but could not implement dur to lack of time (P.S. it is still 9 housrs before dealines but it is already 5 oclock in my timezone and I could not keep going)

Add option for user choose resolution (currently highest) (it is easy implement by just changing a number)

Add option for user to convert webm to mp4 (finish the script and implement it in actual code)

Add mobile version that user could use front or back camera

Allow user to trim video by converting video to arraybuffer to cut data to trim video

More broswer support (currenly doesn't support IE)

And more ideas and fixes