Open

Record Audio/Video in Browser using JavaScript

I want to prototype the audio/video recording capability in browsers using HTML5. Something similar to [login to view URL] but simpler, on desktop browsers only, mobile not required at this time. Or like [login to view URL] but with the requirements shown below. Here are the specs:

1. HTML5 based audio & video capture. Available recording devices must be detected by browser. Need two buttons to select the recording mode, camera button for video and mic button for audio. If camera & mic are found on the computer, both buttons are available. If only mic is present, then audio mode only, video is disabled. If none, then no recording available, both buttons are disabled.

2. Cross browser compatible. Should work on FF, Chrome, Edge, Safari & Opera on PC & Mac

3. Clicking either button will bring up a popup for audio or video recordings made in the current session.

4. Audio can be wav or mp3. Stereo preferred, mono is ok. Video can be webm or mp4. Video options: 320x240,640x480,720p,1080p & 15/24/30 frames per second. If selected resolution is not supported by camera, then fallback to highest supported resolution. All recordings must play on all browsers. Options to be set using config variables.

5. Would prefer a standard file format generated across all browsers e.g. File generated must use the same encoder, format & container on all browsers.

6. Can use any open source third-party API or library if free for commercial use e.g. MIT license.

7. When recording audio/video, should show preview & time elapsed in the popup. Must have ability to Pause, Resume & Stop the recording.

8. Must be able to minimize the popup but continue the recording in the background. Will have to re-open the popup to stop recording. Alternately, something similar to [login to view URL] would be acceptable, which keeps the video frame active but small and visible. It could also be a draggable element like [login to view URL]

9. Must have a timeout set to 5 minutes to auto stop any active recording, in case someone forgets it is running.

10. Each recording must get a unique filename – current date (YYYYMMDD) + time (HHMMSS) + new uuidv4()

11. Each recording gets added to a dropdown list on the corresponding audio or video popup. Should be able to select any single recording from current browser session for playback in the popup. Must be able to delete any recording and remove it from the browser completely.

12. Must be able to Download each recording with Save As dialog, and Upload each recording using XMLHTTPRequest or ajax. Should use default filename generated above.

13. Clear or Reset button to delete all recordings and reload the page.

14. When the browser is closed, all recordings that were not uploaded or downloaded will be lost.

15. 100% HTML5/JavaScript based solution. No FLASH

16. Please reply with "I have read and understood the complete Browser AV Capture Requirements" as the first line of your proposal so I know you read the whole thing. Any replies without this first line will be ignored.

If this prototype is done well, there will be more work to follow.

Skills: HTML5, Javascript

See more: delete record using javascript php, flash record audio video upload server, audio video streaming using java, html5 video recording and upload, mediarecorder example, html5 audio recording example, html5 record audio to server, html5 audio recording browser support, javascript record audio, electron record audio, webrtc record video and audio, javascript, audio video streaming using java free, minimize browser using javascript, javascript record audio browser, record audio video, record audio video file asp net, java screen record audio video, record webcam video browser, record audio video webcam

About the Employer:
( 223 reviews ) Faridabad, India

Project ID: #16704228

16 freelancers are bidding on average $514 for this job

smithangshu

Hi, I have read and understood the complete Browser AV Capture Requirements. I am very familiar with this kind of work based on accessing multimedia devices like camera and mic using pure javascript and jquery on ht More

$555 NZD in 2 days
(5 Reviews)
5.4
spiretech

Hello Greeting Of the day!! I can help you for sure to design and develop a functionality of Record Audio/Video in Browser using JavaScript Let’s discuss a little My web and mobile portfolio http://www More

$700 NZD in 15 days
(18 Reviews)
5.5
shiningdevelopor

Hello. I have reviewed your job post and came to the decision I can do your job. I am a real web developer that has much of experiences for 3 years. [login to view URL] I have developed these proj More

$555 NZD in 10 days
(26 Reviews)
5.2
streamdew

"I have read and understood the complete Browser AV Capture Requirements" I am expert developing video/audio systems, I undertood all what is needed and feeel confordable to move ahead. Lets to resume and start R More

$750 NZD in 10 days
(2 Reviews)
4.7
michealperfect

Hello! friend. I can understand your description of a project. I will provide you with a better service than others. I'm an experienced person for a javascript. I'm professional in javascript. I have lots of experience More

$500 NZD in 10 days
(13 Reviews)
4.5
sudhanlogics

I have read and understood the complete Browser AV Capture Requirements, Hi there, Trust you are doing good!! I can understand your objective, you are in need of HTML5 Developer, as I have team of Full Stack Web Develo More

$1305 NZD in 15 days
(5 Reviews)
4.0
an1566706

I read your project description ……Record Audio/Video in Browser using JavaScript …..and we are very exited to work on it We are an group and we have an expert & qualified to accomplish your project in professional More

$250 NZD in 10 days
(8 Reviews)
3.8
$555 NZD in 10 days
(6 Reviews)
4.0
alaa3eldeen

It does not matter how much you pay after delivery work in the end We will work on it now We will offer you the same day Quick implementation Deal seriously I am ready to work Professional design Very profess More

$250 NZD in 10 days
(6 Reviews)
3.5
WIFTCAP

Hi !! Nice to E-meet you. We have a team of experienced python, django developers. We have developed a sophisticated trading platform([login to view URL]) using python, django, postgresql Our python/django deve More

$450 NZD in 7 days
(5 Reviews)
3.6
humrobo

Hi, Hope you doing well sir i read your message in given below i make sure you that i can help you to build Record Audio/Video in Browser using JavaScript as better as per your given requirement well sir i make su More

$555 NZD in 10 days
(8 Reviews)
3.7
delostyle

Hello Sir , I read through the job details carefully and I am excited to start working on this project. I am confident I can exceed your expectations. I have extensive knowledge of HTML , CSS , Graphics Desig More

$250 NZD in 2 days
(6 Reviews)
2.5
swappitweb

We are having experience more that 5 years in JavaScript and along with that we also have experience in record Audio/Video in Browser. Clients satisfaction will be our first priority. Quality of work will be provided b More

$500 NZD in 15 days
(2 Reviews)
0.7
prachigarg811

Hello, Greetings for the day. We thank you for going through our profile and showing interest in giving us an opportunity to work with [login to view URL] have an experience of 8+ years in Web Designing, Web Development, Android More

$250 NZD in 10 days
(0 Reviews)
0.0
$555 NZD in 10 days
(0 Reviews)
0.0
$250 NZD in 3 days
(0 Reviews)
0.0