{"id":19684935,"url":"https://github.com/boolfalse/radio-streaming-project","last_synced_at":"2025-08-26T22:20:26.083Z","repository":{"id":204594711,"uuid":"711077034","full_name":"boolfalse/radio-streaming-project","owner":"boolfalse","description":"Visualized radio-streaming with React/Vite/Node/FFmpeg/Socket.io","archived":false,"fork":false,"pushed_at":"2023-10-31T01:28:24.000Z","size":2058,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-27T08:08:50.943Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/boolfalse.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-28T06:27:47.000Z","updated_at":"2023-10-31T02:09:36.000Z","dependencies_parsed_at":"2024-01-21T14:46:46.312Z","dependency_job_id":null,"html_url":"https://github.com/boolfalse/radio-streaming-project","commit_stats":null,"previous_names":["boolfalse/radio-streaming-project"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/boolfalse/radio-streaming-project","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boolfalse%2Fradio-streaming-project","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boolfalse%2Fradio-streaming-project/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boolfalse%2Fradio-streaming-project/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boolfalse%2Fradio-streaming-project/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/boolfalse","download_url":"https://codeload.github.com/boolfalse/radio-streaming-project/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/boolfalse%2Fradio-streaming-project/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":272261264,"owners_count":24902427,"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","status":"online","status_checked_at":"2025-08-26T02:00:07.904Z","response_time":60,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-11-11T18:19:23.044Z","updated_at":"2025-08-26T22:20:26.075Z","avatar_url":"https://github.com/boolfalse.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n## Visualized radio-streaming with React/Vite/Node/FFmpeg/Socket.io\n\n![](https://i.imgur.com/KwGKjNj.gif)\n\n### About:\n\nThis is a simple Online Radio app built with React.js, Vite, Node.js, FFmpeg, and Socket.io.\n\nThe app is a single-page application that uses the Web Audio API to play audio files.\n\nIt gets audio file information from the remote editable document, downloads the appropriate audio file from the cloud, and continuously adds it to the stream. After the song is finished, it is deleted from the server. And repeats this process over and over by selecting some random track from the track list.\n\nArticle about this project on [**Medium**](https://medium.com/@boolfalse/visualized-radio-streaming-with-react-vite-node-ffmpeg-socket-io-9ed6feb6fcc3).\n\n\n### Prerequisites:\n\n- [Node.js](https://nodejs.org/en/download)\n- [FFmpeg](https://ffmpeg.org/download.html)\n\n\n### Installation:\n\n- Download:\n```shell\ngit clone git@github.com:boolfalse/radio-streaming-project.git \u0026\u0026 cd radio-streaming-project/\n```\n\n- Setup _**.env**_ credentials as follows:\n```dotenv\nAPP_ENV=\"development\"\nVITE_BACKEND_PORT=3001\n\nVITE_SOCKET_PORT=3000\nVITE_SOCKET_HOST=\"http://localhost\"\n\nRADIO_GIST_ID=\"6b66a0065c70a33f95e0e831cb0c7e9f\"\nRADIO_PLAYLIST_FILE=\"tracks\"\n```\n\n- Install dependencies:\n```shell\nnpm i \u0026\u0026 npm i --prefix=server/\n```\n\n- Bundle the project:\n```shell\nnpm run build\n```\n\n- Run the project (by a single command):\n```shell\nnpm run project\n```\n\n- Check the result at [http://localhost:3000](http://localhost:3000).\n\n\n### Author:\n\n- [BoolFalse](https://boolfalse.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboolfalse%2Fradio-streaming-project","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fboolfalse%2Fradio-streaming-project","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fboolfalse%2Fradio-streaming-project/lists"}