CODEWITHSUNDEEP
javascripthtmlbrowseraudio-recording
rudedude
rudedude

Reputation: 723

Can anyone suggest how to record audio from microphone on a website using html5 and javascript

I want to record audio using javascript and html5, there is device element in html5 but i dont know to use it. Found no examples for the same.

Upvotes: 7

Views: 4947

Answers (3)

mido
mido

Reputation: 25054

currently, there are three ways to do it

  1. as wav
    all code client-side, uncompressed recording], you can check out --> http://github.com/mattdiamond/Recorderjs
  2. as mp3 [ all code client-side, compressed recording], you can check out --> http://github.com/Mido22/mp3Recorder
  3. as opus packets [ client+ server(node.js) code, compressed recording], you can check out --> http://github.com/Mido22/recordOpus

Upvotes: 1

Quentin
Quentin

Reputation: 944210

No current stable browser supports the Stream API (formally known as <device>), so in practical terms — you can't. The lack of examples using it is a consequence of this.

If you want to play with it, you have to use development branches of Chrome. There is a demo of voice input here.

Upvotes: 12

Pateman
Pateman

Reputation: 2757

A quick search returned https://labs.ericsson.com/developer-community/blog/beyond-html5-audio-capture-web-browsers, which contains the device element you mentioned.

Upvotes: 0

Related Questions