ReadRadio

This app is my capstone project in web development bootcamp - BrainStation

ReadRadio is a live speech to text app and used for radio listening

Note:

• Will update homepage layout soon
• Need to install VBL audio software to catch output audio from speaker source - see SET UP for details

Authors

@Yuxian Xu

• GitHub
• LinkedIn
• Email
• Portfolio

Demo

• ReadRadio

SET UP

• git clone
• cd server & npm i to start server
• cd client & npm i to start client
• Install VB-virtual audio software VB-audio
• Setup audio output and input source on pc

Features

• Live stream media player inside
• Live radio, real-time transcription
• Local radio stations list, international list
• Support 76+ languages
• Support save notes and check notes
• User-generated content by submit wish list for favorite radio stations

Next sprints

• This is an ongoing project
• Will update wish list page
• Add likes and comments features

Limit

• Only support Chrome Browser, transcription not available on mobile by now
• Works on desktop for Windows and Mac Chrome browser
• Works on android cell pone or tablet with Chrome browser

API Reference

Web API: Speech Recognition

Tech Stack

Client: React, HTML, SASS, JS

Server: Node, Express, Passport, Heroku

Related technologies

• React player v2.9.0
• React speech recognition v3.9.0

Screenshots