Kapalı

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: 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

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

Proje NO: #16704228

Bu iş için 17 freelancer ortalamada $517 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%
(5 Değerlendirme)
5.4
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 Daha Fazla

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

in %bids___i_period_sub_35% gün içinde700%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(18 Değerlendirme)
5.5
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%
(9 Değerlendirme)
4.5
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.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 Daha Fazla

in %bids___i_period_sub_35% gün içinde500%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(13 Değerlendirme)
4.5
umashankarpandey

Dear Client we review your project we can do it and start it from today can we have a discussion over project to get more info and clear requirements please reply me i am waiting for your response

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

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

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

in %bids___i_period_sub_35% gün içinde500%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(2 Değerlendirme)
0.7
in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(0 Değerlendirme)
0.0
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
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%
(1 Yorum)
0.0