Audio capturing with HTML5 [closed]
Asked Answered
M

2

40

I've tried to see if there's a way to record audio with HTML5 to no avail. I tried using this example but it didn't work. I'm guessing he really meant it when he said that it is not supported by any browser yet.

Am I missing something? perhaps it is already possible? What are my options to record audio on a browser-based application?

Open Source only please :)

Maddis answered 19/11, 2010 at 16:49 Comment(4)
Until HTML5 catches up, here is an open-source solution for Flash-enabled browsers: code.google.com/p/wami-recorder This does not require a Flash media-server back-end.Columbus
Hey Asaf, its about 15 months since you posted this question. Did you ever find an answer? I'm still looking for one.Karb
This may be worth reading on the emerging standard: html5rocks.com/en/tutorials/getusermedia/introFlynn
it seems that the new chrome beta version is implementing some kind of a solution for a microphone and webcam elementMaddis
S
17

You might wanna have a look at HTML Media Capture and its API.

Ericsson labs already achieved this, see: here (Note: Note that the device element and the related APIs are not available in any browser yet, and the APIs may change before this happens.) But it gives you a rough idea about how it's done.

I am currently working on something like this myself, see: here.

Sunbow answered 21/11, 2010 at 15:36 Comment(1)
is this still the case? "Note that the device element and the related APIs are not available in any browser yet"Homozygote
A
2

This is the only solution within iOS 6 that I've found so far:

Youtube video showing how it works

The source can be found here: GitHub Repository Link

It uses an workaround by using iOS6's camera plugin's record features to record video and audio and uploads that to the server. Then FFMPEG crunches the video and extracts the audio as a .wav file.

With all the limitations and unfinalized HTML 5 specs, I think this is the only way for it to work. I hope this helps.

Ascription answered 7/8, 2013 at 12:30 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.