Javascript code for taking Pictures, Videos & audio using browser access to device camera & microphone.

1. Code to be in pure javascript (Vanilla JS) without using jquery or other framework (REACT, VUE or ANGULAR.) 2. User can click a camera icon on webpage to access device camera or microphone icon to access device microphone. 3. Once authorised by user, a lightbox to open on same page to show either Camera feed for picture / video or indicate recording ON for audio recording. 4. Once file (image/Video/Audio) Captured, then show result in same lightbox for editing. 5. Basic editing of Captured Image e.g. Cropping, adding text & drawing on image possible before upload 6. Basic editing of Captured Video e.g. Cropping possible before upload 7. Upload of file using xmlhttp with status bar 8. Javascript code to have proper comments for understanding and prefer to avoid OOP. Simple functions and using browser API preferred. 9. Cross browser support for both desktop and mobile devices. Should support minimum basic browser e.g. IE 10 and above (Can use pollyfill), Chrome, Firefox, Safari, Edge and Opera. 10. If using others code from Stackoverflow or other websites, please comment it for reference. 11. Time limit of 7 to 10 days 12. Please feel free to contact me if in any doubt !