- Don't judge me too harshly on this; It was my very first react project 😀
- What I'd do differently today:
- Typescript!
- React Hooks
- A tiny nodejs backend to obfuscate the stream endpoint. That or server side rendering
- Some sort of a cache to enable a small rewind-forward capability (mp3 binary in redis? 🤷🏿♂️)
- Actual sound wave bar graph (circular sound wave?) preferably in WASM. See this
- Might revisit this in the future
A ReactjS Online radio station for my favorite Kenyan radio station Homeboyz Radio (hbr 103.5).
- Linked-in post with Video Preview and Project Motivation
- Web Audio Api doesn't play nice with mobile browsers.
- That being said though, i optimized the site for mobile.
- I tested it on chrome for android and it works.
- You can control the site with the mouse or the keyboard
- Add a .env file in the structure of .env.sample (or rename sample and fill in the blanks).
- Recommended places to scrap for the url: hbr tunein site or hbr online player
Reactjs, Heroku Cli, Sass, Web Audio API and an npm module called React Player.
-
Landing Page
-
HBR Playing
-
HBR Muted
-
HBR Buffering
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.