Recorderjs | A plugin for recording/exporting the output of Web Audio | Runtime Evironment library

by mattdiamond JavaScript Version: Current License: No License

X-Ray Key Features Code Snippets Community Discussions(10)Vulnerabilities Install Support

kandi X-RAY | Recorderjs Summary

Recorderjs is a JavaScript library typically used in Telecommunications, Media, Media, Entertainment, Server, Runtime Evironment, Nodejs applications. Recorderjs has no bugs, it has no vulnerabilities and it has medium support. You can download it from GitHub.

A plugin for recording/exporting the output of Web Audio API nodes

Support

Quality

Security

License

Reuse

Support

Recorderjs has a medium active ecosystem.

It has 4027 star(s) with 1468 fork(s). There are 186 watchers for this library.

It had no major release in the last 6 months.

There are 123 open issues and 33 have been closed. On average issues are closed in 217 days. There are 29 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of Recorderjs is current.

Quality

Recorderjs has 0 bugs and 0 code smells.

Security

Recorderjs has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

Recorderjs code analysis shows 0 unresolved vulnerabilities.

There are 0 security hotspots that need review.

License

Recorderjs does not have a standard license declared.

Check the repository for any license declaration and review the terms closely.

Without a license, all rights are reserved, and you cannot use the library in your applications.

Reuse

Recorderjs releases are not available. You will need to build from source code and install.

Installation instructions are not available. Examples and code snippets are available.

Recorderjs saves you 32 person hours of effort in developing the same functionality from scratch.

It has 86 lines of code, 0 functions and 6 files.

It has low code complexity. Code complexity directly impacts maintainability of the code.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of Recorderjs

Get all kandi verified functions for this library.

Recorderjs Key Features

No Key Features are available at this moment for Recorderjs.

Recorderjs Examples and Code Snippets

No Code Snippets are available at this moment for Recorderjs.

Community Discussions

Trending Discussions on Recorderjs

Downloading audio from web that has been modified with wavesurfer.js

Recorderjs doesn't upload records with longer than 30 seconds

Record voice with recorder.js and upload it to python-flask server, but WAV file is broken

"return render_template()" doesn't work [XMLHttpRequest() & flask]

Streaming audio from the browser to a node.js server with a specific MIME type

JavaScript : How to split an audio blob into 1 second chunks and export to wav files using recorder.js?

Record audio and send to Symfony

Recording audio with low kbps using recorder.js

Record Audio on Website that works on all browsers and iOS

voice recorder with recorder js

QUESTION

Downloading audio from web that has been modified with wavesurfer.js

Asked 2020-Jun-05 at 13:32

I have created a multitrack web player using wavesurfer.js which can adjust the levels and panning of the different tracks.

What I want to do is export the mixed tracks with new levels and panning as a single .wav file.

I've done a bit of research into this and alot of people are pointing to https://github.com/mattdiamond/Recorderjs but development stopped on this over 4 years ago and from what I've found it seems to have a load of issues.

Just initializing it like so var rec = new Recorder(spectrum); I get an error saying Cannot read property 'createScriptProcessor' of undefined at new Recorder And a quick search shows that is deprecated, see https://developer.mozilla.org/en-US/docs/Web/API/BaseAudioContext/createScriptProcessor.

Although I have a multitrack player if I can figure out how to export a single track with the levels and panning I could go from there. Is there any other way of exporting web audio with just the web audio API or can anybody point me to any other js libraries like this that might work?

...

ANSWER

Answered 2020-Jun-05 at 13:32

Assuming you have PCM audio, you can add a RIFF/WAV header to it, create a Blob from that, and then set blob as an Object URL on the a.href attribute. StackOverflow blocks the download here, but you run it locally to test. Hope this helps! 🇮🇪

Source https://stackoverflow.com/questions/62157122

QUESTION

Recorderjs doesn't upload records with longer than 30 seconds

Asked 2020-May-21 at 11:17

I am using the recorderjs from https://github.com/addpipe/simple-recorderjs-demo

It works very fine but when I record an audio which is longer than 30 seconds, it doesn't upload it - How can I increase the max. filesize / audio length of recorderjs?

Thanks in advance!

...

ANSWER

Answered 2020-May-21 at 11:17

Please increase the size of upload_max_filesize in php.ini file. This will fix your error. I have checked this on my local system, it's now uploading the larger files.

Thanks

Source https://stackoverflow.com/questions/61932741

QUESTION

Record voice with recorder.js and upload it to python-flask server, but WAV file is broken

Asked 2020-May-10 at 16:38

I would like to realize this.

A user speaks to a web browser.
A web browser (Google Chrome) record user's voice as WAV file(Recorder.js) and send it to a python-flask server.

I realized this with the help of addpipe's simple recorder.js sample. https://github.com/addpipe/simple-recorderjs-demo

This sample uses php server, so I changed the original app.js.

original app.js

...

ANSWER

Answered 2020-Mar-25 at 14:12

I have this problem and it takes me 2 days for finding the solution :)) . In flask server you can use request.files['audio_data'] to get wav audio file. You can pass and use it as an audio variable too. Hope this can help you

Source https://stackoverflow.com/questions/60032983

QUESTION

"return render_template()" doesn't work [XMLHttpRequest() & flask]

Asked 2020-Feb-04 at 12:04

I would like to realize this.

A user speaks to a web browser.
A web browser (Google Chrome) record user's voice as WAV file (Recorder.js) and send it to a python-flask server.
Python server calls Google Cloud text to speech API and transcribe WAV file.
Send the transcribed text to the web browser.

I develop this app locally using Windows 10, WSL, Debian 10/buster, python3.7.6 and Google Chrome.

I realized step 1,2,3, but not 4. In step 2, I used XMLHttpRequest() to send WAV file to python-flask server. So, in step 4, I can't use return render_template() in ordinary way.

I searched "XMLHttpRequest() flask return render_template()" and found a solution (How to get the response of XMLHttpRequest?) to use

XMLHttpRequest.responseText in XMLHttpRequest.onreadystatechange when XMLHttpRequest.readyState equals to XMLHttpRequest.DONE.

...

ANSWER

Answered 2020-Feb-04 at 12:04

Its ocurs because you change are calling a route who changes the HTML inside of Ajax request(XMLHttpRequest), so you have two options, the first is change the HTML in response like these:

Source https://stackoverflow.com/questions/60053443

QUESTION

Streaming audio from the browser to a node.js server with a specific MIME type

Asked 2019-Nov-05 at 21:42

What I need: Streaming live audio from the browser to a node.js server in WAV format.

Sounds fairly simple - The Problem: Using getUserMedia you get the audio-stream BUT in audio/webm format. The node.js server is connected to a speech-to-text engine(deepspeech) which CAN ONLY process the stream in WAV format.

What already works: I can already record a fixed length WAV audio blob (via RecorderJs) and send that finished recording to the node.js server and get its stream from readFileSync server side. Repository here (master working only). But I don't have a fixed recording anymore and want to live-stream that audio continuously.

As of now I am unsure if that is within the possibilities of node.js or any existing library. I've looked into ffmpeg, but didn't find a way to change the encoding of a stream with that. I was only able to change the encoding of a fixed file/blob with ffmpeg.

I'd appreciate it if someone could lead me into the right direction so I know where to start.

...

ANSWER

Answered 2019-Nov-05 at 21:42

FFmpeg is the way to go.

I've looked into ffmpeg, but didn't find a way to change the encoding of a stream with that.

Use - for the input file, and - for the output file. Then use STDIN/STDOUT streams on your Node.js child process.

Source https://stackoverflow.com/questions/58710358

QUESTION

JavaScript : How to split an audio blob into 1 second chunks and export to wav files using recorder.js?

Asked 2019-Aug-29 at 09:57

I want to record voice, split the recorded voice (or the audio blob) automatically into 1 second chunks, export each chunk to a wav file and send to the back end . This should happen asynchronously while the user speaks.

I currently use the following recorder.js library to do the above tasks https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js

My problem is, with time the blob/wave file becomes bigger in size. I think it is because the data gets accumulated and make the chunk size bigger. So with time I am not actually sending sequential 1 second chunks but accumulated chunks.

I can’t figure our where in my code this issue is caused. May be this happens inside the recorder.js library. If someone has used recorder js or any other JavaScript method for a similar tasks, appreciate if you could go through this code and let me know where it breaks.

This is my JS code

...

ANSWER

Answered 2019-Aug-29 at 09:57

Recorder.js keeps a record buffer of the audio that it records. When exportWAV is called, the record buffer is encoded but not cleared. You'd need to call clear on the recorder before calling record again so that the previous chunk of audio is cleared from the record buffer.

This is how it was fixed in the above code.

Source https://stackoverflow.com/questions/55224534

QUESTION

Record audio and send to Symfony

Asked 2019-Aug-26 at 15:28

I want to simply record audio and send the file to my controller. I'm using https://addpipe.com/simple-recorderjs-demo/ to record my audio, and this is working just fine. But when i want to actually send my to anything in my Symfony 4 project, it never receives anything. So i figured i manually remake a form with the audio blob inserted, but does not work out either.

Any ideas how to make this happen? Any leads in the correct direction would be great!

I've tried simply inserting the audio file into a existing form, but because of security reasons this is not allowed anymore.

...

ANSWER

Answered 2019-Aug-26 at 15:28

Try this:

Source https://stackoverflow.com/questions/57660495

QUESTION

Recording audio with low kbps using recorder.js

Asked 2019-Jun-03 at 07:08

I am using recorder.js The final output which i get from this code is 48khz, 1-channel (mono) mp3 file. But my requirement is 8khz, 1-channel mp3 file. How can i achieve this with the help of recorder.js

Kindly help me to resolve the issue.

https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js

Thanks, Sangeetha P.

...

ANSWER

Answered 2019-Jun-03 at 07:08

I found an solution. There is no option to change sample rate in Recorder.js.

I have found another plugin RecordRTC. You can record in low kbps.

Set sample rates such as 8K or 16K. It records 16kHz audio file.

var options = { type: 'audio', desiredSampRate: 16 * 1000 };

https://github.com/muaz-khan/RecordRTC/blob/master/simple-demos/audio-recording.html

Source https://stackoverflow.com/questions/56273032

QUESTION

Record Audio on Website that works on all browsers and iOS

Asked 2018-Aug-31 at 19:55

I have wasted a ton of time implementing multiple audio recording options in a website I'm building but each one either only works in Chrome, only in Firefox, both but not Safari, and none work on iOS.

The website needs to allows the user to record their message and save it in a form state for submission.

All the current articles I am reading are a few months old and mention that iOS doesn't/will support it soon. I've tried mobile Chrome on iOS and it still didn't work.

Has anyone found a way to simply record audio in a browser as well as mobile website??

Things I've tried:

Francium Voice (An abandoned javascript project, works for Chrome. Records and saves and I am able to send the audio file through the form data. https://subinsb.com/html5-record-mic-voice/. But this uses the < audio > tag which shows as "error" and doesn't allow you to record.
I started trying getUserMedia() as that seems to be the new standard and says it's supported on more devices/browsers but the mic wouldn't work on iOS either. https://www.html5rocks.com/en/tutorials/getusermedia/intro/
Many articles say to use the Record.js, https://github.com/mattdiamond/Recorderjs, but that is also an abandoned project. I could only get the audio to record, but it wasn't saving it. Again not working in Safari or iOS.
I tried using the audio/* technique but couldn't get it to work right. It would only show an upload button, couldn't get the mic option to show. Based on the documentation it seems like the one that "should" work though. https://developers.google.com/web/fundamentals/media/recording-audio/

Currently using the following code which works, for Chrome and Firefox.

HTML

Record

Using the Francium Voice library:

Javascript

...

ANSWER

Answered 2018-Feb-08 at 21:08

I found a technique that finally worked on Chrome, Firefox, and iOS Safari. There is an issue with getUserMedia in Safari though but I'm looking into that now.

https://github.com/GersonRosales/Record-Audios-and-Videos-with-getUserMedia

Source https://stackoverflow.com/questions/48688820

QUESTION

voice recorder with recorder js

Asked 2018-Jun-09 at 03:08

I want make a field to record voice (username,password and a pist of voice) i tried to use recorder js in this repo : https://github.com/cwilso/AudioRecorder

but the problem is when i download this project and try to open it localy it show this error in the console

...

ANSWER

Answered 2018-Jun-09 at 03:08

This library looks a bit outdated, I would suggest using https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia API to perform what you are trying to accomplish.

Source https://stackoverflow.com/questions/50770522

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install Recorderjs

You can download it from GitHub.

Support

For any new features, suggestions and bugs create an issue on GitHub. If you have any questions check and ask questions on community page Stack Overflow .

Find more information at: