{"id":13577917,"url":"https://github.com/AwesomeWebProjects/react-player","last_synced_at":"2025-04-05T15:31:57.155Z","repository":{"id":128406449,"uuid":"164269707","full_name":"AwesomeWebProjects/react-player","owner":"AwesomeWebProjects","description":"One audio player built with ReactJS, Web Audio API and Web Worker API","archived":false,"fork":false,"pushed_at":"2023-09-03T16:04:11.000Z","size":21774,"stargazers_count":108,"open_issues_count":2,"forks_count":22,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-05-22T23:00:47.085Z","etag":null,"topics":["audio","audio-analysis","audio-player","audio-processing","audio-visualizer","javascript","react","reactjs","stream","stream-processing","web-player"],"latest_commit_sha":null,"homepage":"https://dazzling-jang-471a34.netlify.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AwesomeWebProjects.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null},"funding":{"github":["danielbarion"],"patreon":null,"open_collective":null,"ko_fi":null,"tidelift":null,"community_bridge":null,"liberapay":null,"issuehunt":null,"otechie":null,"lfx_crowdfunding":null,"custom":null}},"created_at":"2019-01-06T02:47:59.000Z","updated_at":"2024-03-24T07:25:17.000Z","dependencies_parsed_at":null,"dependency_job_id":"63178c1d-e43d-4dce-8b5f-c42e674ab40a","html_url":"https://github.com/AwesomeWebProjects/react-player","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AwesomeWebProjects%2Freact-player","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AwesomeWebProjects%2Freact-player/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AwesomeWebProjects%2Freact-player/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AwesomeWebProjects%2Freact-player/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AwesomeWebProjects","download_url":"https://codeload.github.com/AwesomeWebProjects/react-player/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247358982,"owners_count":20926335,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["audio","audio-analysis","audio-player","audio-processing","audio-visualizer","javascript","react","reactjs","stream","stream-processing","web-player"],"created_at":"2024-08-01T15:01:25.395Z","updated_at":"2025-04-05T15:31:52.135Z","avatar_url":"https://github.com/AwesomeWebProjects.png","language":"JavaScript","funding_links":["https://github.com/sponsors/danielbarion"],"categories":["JavaScript","TypeScript"],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg id=\"awesome-audio-visualization\" src=\"https://github.com/willianjusten/awesome-audio-visualization/blob/master/logo-aav.gif?raw=true\" alt=\"Logo AAV\"\u003e\n\u003c/p\u003e\n\nThis project are listed on [Awesome Audio Visualization - WillianJusten](https://github.com/willianjusten/awesome-audio-visualization)\n\n----\n\n![Web Player](https://i.imgur.com/ApMUQE9.png)\n\n[Demo](https://dazzling-jang-471a34.netlify.com/)\n\nThis project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).\n\nAnd based on https://codepen.io/alexdevp/full/RNELPV - Alex Permyakov\n\n## About the Project\n\nA web player build with react and web audio api.\n\nThe layout was inspired by `Alex Permyakov` example in codepen and the audio processing was write from zero.\n\nThe player loads the song with `web streams` to give a better experience to user and improve performance;\n\nThe project is open source and can be used as example of `web audio api and canvas visualization`.\n\n## Available Scripts\n\nIn the project directory, you can run:\n\n### `yarn start | npm start`\n\nRuns the app in the development mode.\u003cbr\u003e\nOpen [http://localhost:3000](http://localhost:3000) to view it in the browser.\n\nThe page will reload if you make edits.\u003cbr\u003e\nYou will also see any lint errors in the console.\n\n### `yarn test | npm test`\n\nLaunches the test runner in the interactive watch mode.\u003cbr\u003e\nSee the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.\n\n### `yarn build | npm run build`\n\nBuilds the app for production to the `build` folder.\u003cbr\u003e\nIt correctly bundles React in production mode and optimizes the build for the best performance.\n\nThe build is minified and the filenames include the hashes.\u003cbr\u003e\nYour app is ready to be deployed!\n\nSee the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.\n\n## Learn More\n\nYou can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).\n\nTo learn React, check out the [React documentation](https://reactjs.org/).\n\n### Code Splitting\n\nThis section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting\n\n### Analyzing the Bundle Size\n\nThis section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size\n\n### Making a Progressive Web App\n\nThis section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app\n\n### Advanced Configuration\n\nThis section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration\n\n### Deployment\n\nThis section has moved here: https://facebook.github.io/create-react-app/docs/deployment\n\n### `npm run build` fails to minify\n\nThis section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAwesomeWebProjects%2Freact-player","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FAwesomeWebProjects%2Freact-player","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FAwesomeWebProjects%2Freact-player/lists"}