Requirement: Create a webpage which checks if the browser has access to camera and/or microphone, either external or internal. If it has, allow the user to record 5-10 second video/audio clip depending on the resources available and option to play it back. Else show that your machine does not have any camera and/or microphone attached.
- To install the application clone this git repository from the above link.
- Go into the
video-Audio-Recorder-master.zip
folder and Extract the whole content tovideo-Audio-Recorder-master
then open index.html file in web browser. - Click on start button to initiate recording (set for 10s of recording).{ Allow camera and microphone permission }
- Click on download to save recorded clip on local storage or play online by clicking on the right video frame.
Screnshot of the webpage Interface.
- JavaScript
- HTML5
- CSS3
- Live cam recording with audio
- option to Download recorded video to local storage
- Responsive design
- Affordable to improve
- Fast loading
- Creative stylish look
- https://webrtc.github.io/samples/src/content/capture/video-video/
- https://www.html5rocks.com/en/tutorials/getusermedia/intro/#toc-history
- http://blog.teamtreehouse.com/accessing-the-device-camera-with-getusermedia
- https://www.w3schools.com/
- https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/captureStream
- https://developers.google.com/web/updates/2016/10/capture-stream