https://github.com/tderflinger/web-audio-recording
Demo of how to record audio on a web site and send it to a Flask backend.
https://github.com/tderflinger/web-audio-recording
audio flask javascript python web
Last synced: about 1 month ago
JSON representation
Demo of how to record audio on a web site and send it to a Flask backend.
- Host: GitHub
- URL: https://github.com/tderflinger/web-audio-recording
- Owner: tderflinger
- Created: 2021-09-02T19:08:46.000Z (almost 5 years ago)
- Default Branch: main
- Last Pushed: 2021-09-02T19:20:32.000Z (almost 5 years ago)
- Last Synced: 2025-06-30T10:07:04.607Z (12 months ago)
- Topics: audio, flask, javascript, python, web
- Language: JavaScript
- Homepage:
- Size: 2.93 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# web-audio-recording
This is a simple demo for how to record audio
using the web. The audio data is then sent for
further processing to a Flask backend where it
is saved to a file.
## JavaScript Frontend
npm i http-server -g
http-server .
Open in browser http://localhost:8080.
The following Flask webservice needs to run
for data processing. If your IP or port is different
then change FLASK_ENDPOINT in main.js
## Flask Webservice
python3 -m venv venv
. venv/bin/activate
pip3 install -r requirements.txt
export FLASK_ENV=development
export FLASK_APP=app-audio.py
flask run --host=0.0.0.0
When you hit the "Stop Recording" button
on the frontend, the data is sent to the Flask
webservice and a file audio.webm is created.
## Prior Work
Demo based on: https://github.com/webrtc/samples/tree/gh-pages/src/content/getusermedia/record
## License
BSD License