Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how to record the video through webcam using javascript

Tags:

javascript

I want to record the videos through my webcam and want to upload them to the server. I don't want to use any plugin. How can I atleast just record the videos.

like image 450
ritzzz Avatar asked Jan 02 '15 07:01

ritzzz


People also ask

How do you record a video on react JS?

In order to record audio or video using your React application, you will have to get the user's permission. And our recordrtc library makes it easy. Just create a function to get the permission and initialize an instance of the recorder. We can even make this a re-usable hook.

How do I record a video from my browser?

Bring it up with Command+Shift+5, select the area or app you want to record, and switch to record mode by clicking “Record Selected Portion” on the right of the menu. Click the record button to start capturing a video.


3 Answers

There's a project on GitHub called RecordRTC. It also provides a live demo here. This tool could run on browsers supporting WebRTC and getUserMedia. It could record both audio and video.

However, according to data from Can I Use, currently WebRTC and getUserMedia are only supported by Firefox, Chrome, and other blink engine browsers.

like image 120
Leo Avatar answered Oct 17 '22 03:10

Leo


Use the navigator.getUserMedia function.

Check out these url`s. Capturing Audio & Video

like image 36
Luba Avatar answered Oct 17 '22 04:10

Luba


Have a look here

That being said, this question has been asked several times before:

  1. How to record webcam and audio using webRTC and a server-based Peer connection
  2. Access webcam without Flash
  3. HTML 5 streaming webcam video?
like image 1
Neha Agrawal Avatar answered Oct 17 '22 04:10

Neha Agrawal