recorder.js | JavaScript library to record audio | Audio Utils library
kandi X-RAY | recorder.js Summary
kandi X-RAY | recorder.js Summary
Recorder.js is a JavaScript library to simply record audio in the browser. Currently the recording functionality is backed by Adobe Flash but will extended to open standards as soon as they are being adopted.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of recorder.js
recorder.js Key Features
recorder.js Examples and Code Snippets
Community Discussions
Trending Discussions on recorder.js
QUESTION
I am creating a web app that records audio in the browser and sends it to the flask backend for voice to text transcription and intent classification. When I run the code without checking the method (the code for that is commented out) this is what the command line is showing.
...ANSWER
Answered 2021-Jan-11 at 23:31You are right.
The form is sent before a transmission via fetch or XMLHttpRequest takes place. You can use the submit event of the form to execute your javascript function. Calling preventDefault
prevents the standard behavior of the form.
QUESTION
I am trying to capture audio from the microphone in the browser, convert it to a wav format and send it to flask backend in order to transcribe it and perform intent classificatio on the request. However this error occurs:
...ANSWER
Answered 2021-Jan-08 at 18:22I think you should use request.files
to access the transmitted data on the server side.
QUESTION
I have been looking to cut a audio blob in Js, and return a cut blob.
The blob is registered using WebAudioRecorder.js and using the mic of your pc.
I already found this repo: mp3-cutter, but it is written in node.js, and require to have access to the filesystem.
I also found this one: audio-cutter, but it has a UI.
I have explored multiple solution and did not find any simple solution.
While analyzing the recording, i found out that the mp3 registered with the mic have a 1024 bit header. Using this, and based on this, i wrote little Js function:
...ANSWER
Answered 2020-Sep-18 at 12:41Okay, i found out.
You need to convert your blob to ArrayBuffer, then to AudioBuffer, cut it, then reencode it using a encoder like mp3-lame-encoder-js
To help, i wrote a little library called simple-mp3-cutter
QUESTION
I am using Recorder.js and MediaDevices to record audio. First few recordings are good but after some recordings (random as far as I can tell) the recorded audio is empty.
I can create the same issue if I Press Record and Stop in quick succession for some time.
Here is my code:
...ANSWER
Answered 2020-Aug-09 at 15:48In case someone has the same issue in the future.
The Problem was: I was creating a new AudioContext at each button Click. I tried running the App on a Phone where after pressing Record 6 times I got an error:
The number of hardware contexts provided (6) is greater than or equal to the maximum bound (6)
I shifted these lines:
QUESTION
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:12I 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
QUESTION
I have a browser app which records the user's voice through their microphone and exports to a WAV file using recorder.js. I think convert that to a data url and post it to node. I then try to send the audio to the Microsoft Azure Speaker Recognition API but I always get "Invalid Audio Format: Not a WAVE file - no RIFF header" back.
Is there a way to add a RIFF header or is there something about recorder.js or converting to and from base64 which removes these headers? Is there a way to add them back in?
The code: INDEX.HTML
...ANSWER
Answered 2020-Apr-17 at 19:47It seems like the problem was actually the way the file was being sent. I don't know why it works if it is sent as a wav in the body of the post, not as data in the post, but here is my working code if it is helpful for anyone in the future:
html:
I used this answer for the html. it includes the encoding for the wav. The only change I made was, as the answer suggests, I post to my server, not directly to the MS Azure service.
node route:
This took me a while as I couldn't get node to see the file I was sending. Also I am using bodyParser so the raw body of post requests is fiddled with before I see it. This is my route for the post request:
QUESTION
I've been using AngularAudioRecorder (AngularJS) for the last 4 years and with the last Chrome update I'm getting the following error:
...
ANSWER
Answered 2019-Mar-11 at 12:43I solved the problem. Finally resumed the paused AudioContext with:
QUESTION
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:04Its 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:
QUESTION
I needed to implement speech 'identification', ie. Guess if the person who is trying to login, is actually him/her, by matching his/her voice. To consider the case, where the app doesn't recognize the person, but the user is himself trying to login, then he may bypass it with a pin, setup during initial settings.
I am using Python and Flask, to build the webapp, and included javascript in the question, so as to know of possible ways in it too. Till now, i read about it from some sources, but i couldn't arrive at a possible solution, on stack overflow, as well as 'few' blog posts.
The best 'possible' solution i could arrive at was Cognitive Speech Services by Microsoft - https://azure.microsoft.com/en-us/services/cognitive-services/speaker-recognition/
I also thought of recording the voice using the Recorder.js, and analyzing at the server end, but couldn't implement it.
So, i wanted a way to implement it on the web app, even a simple gist with a bit of code on using ms cognitive services (i did read pages of the documentation, but it didnt help much), or doing it by python will be helpful.
...ANSWER
Answered 2020-Jan-23 at 12:47The documentation at https://docs.microsoft.com/en-us/azure/cognitive-services/speaker-recognition/home will be helpful. Note that there are clickthrough links to the API reference. It explains the high-level process (use “enrollment” to train).
We have speaker identification, which is distinguishing who is speaking from a group of known voices that you train with. You need to provide labelled data (meaning examples of a known speaker talking): see https://westus.dev.cognitive.microsoft.com/docs/services/563309b6778daf02acc0a508/operations/5645c3271984551c84ec6797.
or Please follow the below link speech SDK samples. https://docs.microsoft.com/en-us/azure/cognitive-services/speech-service/
You can use batch transcription api and enable diarization. https://docs.microsoft.com/en-us/azure/cognitive-services/speech-service/batch-transcription
QUESTION
When using Selenium IDE to record actions on a web page the application is stopping the JavaScript and displays the error message "too much recursion."
I'm using Selenium IDE 2.9.1.1 on FireFox 54.0.1
I wrote a simple javascript alert for testing, but it is also being stopped by Selenium.
...ANSWER
Answered 2017-Jul-25 at 00:10This is because the function calls are actually being overridden at runtime by Selenium’s own JavaScript. Add below Javascript code to selenium core user extension, after restart can fix this problem.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install recorder.js
Add the script to your HTML: <script type="text/javascript" src="path/to/recorder.swf"></script>
Use the Recorder object to initialize and record (see usage... :)
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page