How to capture a video and store it in h.264 format using web browsers without flash?

As per my analysis, HTML5 can be used to access the camera and microphone without any additional plug-ins as in this link. "/"

However, i don't know the possibility of storing the video in h.264 format.

I would prefer not to install any additional plugins. However if its not possible without any additional plugins, i would accept it. I can also use **Java Applets if needed.

Is HTML 5 the only option or it possible with JScript itself? I also hope that ffmpeg can help me too.

How to capture a video and store it in h.264 format using web browsers without flash?

As per my analysis, HTML5 can be used to access the camera and microphone without any additional plug-ins as in this link. "http://www.html5rocks./en/tutorials/getusermedia/intro/"

However, i don't know the possibility of storing the video in h.264 format.

I would prefer not to install any additional plugins. However if its not possible without any additional plugins, i would accept it. I can also use **Java Applets if needed.

Is HTML 5 the only option or it possible with JScript itself? I also hope that ffmpeg can help me too.

• javascript
• html
• ffmpeg
• html5-video
• h.264

Share Improve this question Follow edited Jul 24, 2013 at 14:59 2vision2 asked Jul 24, 2013 at 14:03 2vision22vision2 5,0331717 gold badges8989 silver badges172172 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 4

3 years later it is now possible to record H.264 video in the browser with Chrome 52 (Jul 20, 2016) and the Media Recorder API without plugins or Java or Flash.

Chrome 52 is the 1st to support both the Media Recorder API and H.264 for video encoding. Chrome 49,50 and 51 only supported VP8 & VP9 as video codecs and Chrome 48- did not the support Media Recorder API.

The audio codec used is still Opus @ 48kHz and the container is .webm so if you'll still have to pass the file through FFmpeg if you want wide browser/device support.

This article (co-wroted by me) covers the Media Recorder API in detail across Firefox and Chrome and there's this Media Recorder API demo that supports H.264 encoding on Chrome 52 + the associated code as a GitHub project.

Disclaimer: I work at Pipe where we handle video recording.

Not yet, but it looks like it's ing.

There is a draft specification for MediaStream Recording, but it has not been implemented in any browsers yet. There is a ticket to build it into Chrome, that you can track.

Someone built a Javascript library to record video into WebM, though it doesn't do audio. It uses the browser's built-in function to save a WebP image to do the encoding. In theory, you could write an h.264 encoder in Javascript, but it would be very slow and quite difficult to write.