This project are listed on Awesome Audio Visualization - WillianJusten
This project was bootstrapped with Create React App.
And based on https://codepen.io/alexdevp/full/RNELPV - Alex Permyakov
About the Project
A web player build with react and web audio api.
The layout was inspired by
Alex Permyakov example in codepen and the audio processing was write from zero.
The player loads the song with
web streams to give a better experience to user and improve performance;
The project is open source and can be used as example of
web audio api and canvas visualization.
In the project directory, you can run:
yarn start | npm start
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.
The page will reload if you make edits.
You will also see any lint errors in the console.
yarn test | npm test
Launches the test runner in the interactive watch mode.
See the section about running tests for more information.
yarn build | npm run build
Builds the app for production to the
It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes.
Your app is ready to be deployed!
See the section about deployment for more information.
You can learn more in the Create React App documentation.
To learn React, check out the React documentation.
This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting
Analyzing the Bundle Size
This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size
Making a Progressive Web App
This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app
This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration
This section has moved here: https://facebook.github.io/create-react-app/docs/deployment
npm run build fails to minify
This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify