Açık

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.

Beceriler: HTML5, Javascript

Daha fazlasını gör: record audio video using kinect, record online video webcam using flash, hide url browser using javascript, fix video html using javascript, record audio video webcam, record webcam video browser, java screen record audio video, record audio video file asp net, record audio video, javascript record audio browser, minimize browser using javascript, audio video streaming using java free, audio video streaming using java, flash record audio video upload server, delete record using javascript php

İşveren Hakkında:
( 193 değerlendirme ) Faridabad, India

Proje NO: #16704228

Bu iş için 10 freelancer ortalamada $396 teklif veriyor

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 Daha Fazla

in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(3 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde750%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(2 Değerlendirme)
4.4
rightbigboss

Hello I have seen your description seriously. I was waiting for the client like you. Website is the face and life of all the company and bussiness You are a only client whom I am going to wait for a long time. Beca Daha Fazla

in %bids___i_period_sub_35% gün içinde250%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(15 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde250%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(5 Değerlendirme)
2.9
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde450%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(2 Değerlendirme)
2.3
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde250%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(1 Yorum)
1.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 Daha Fazla

in %bids___i_period_sub_35% gün içinde250%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(4 Değerlendirme)
1.8
adamleap100

Hello, As a professional web developer, I'm very interested in this project. I've good experience with web programming based on proficient knowledge about HTML5, CSS3, jquery, Bootstrap, ReactJS and Angularjs etc. D Daha Fazla

in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(1 Yorum)
0.0
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde250%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)
0.0
in %bids___i_period_sub_35% gün içinde395%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)
0.0