BeReadable - Online Multilingual Audio Transcription and Recorder
Tags: hackwithdg, vue, tooling, tailwindcss
Published: 2022-03-20 08:57:14

### Overview of My Submission

Lets start this one with a question. Does my audio need a transcript? Short answer: yes. In the world of internet you're communicating with all kind of people around the world. They're not necessarily speaking your language or even able to hear you. Transcripts are used by people who are Deaf, are hard of hearing, have difficulty processing auditory information, so transcribing your audio or media in general will make it easy for them to understand you.

![BeReadable Logo Animation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6nfwwx0650bqkyn6r3ni.gif)

**BeReadable** is a simple online tool that helps the user to turn audio into words and it can also record the audio and the user can play it or download it to mp3. BeReadable supports a lot of languages as it sends the user's language selection to Deepgram API and return back the correct transcription for the selected language. The tool is a straight to the point kind of tool, it doesn't have any complexity in using and the UI is quite simple. It has two main features and both of them are incredibly important.

![BeReadable Demo Gif](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4y4ykiwlnpyt08i1zgl9.gif)

| Table of Content                                 |
| ------------------------------------------------ |
| [Built with](#chapter-1) |
| [More about BeReadable](#chapter-2)                |
| [Submission Category](#chapter-3)                 |
| [Link to Code on GitHub](#chapter-4)                     |
| [Link to the tool live demo](#chapter-5)                     |
| [Additional Resources](#chapter-6)                     |

#### Built with:<a name="chapter-1"></a>

- [Deepgram](https://deepgram.com/)
- [VueJS 3](https://github.com/vuejs/vue)
- [Tailwind 3](https://github.com/tailwindlabs/tailwindcss)
- [Lamejs](https://github.com/zhuker/lamejs)
- [Vue Audio Visual](https://github.com/staskobzar/vue-audio-visual)
- Deployed on [Netlify](https://www.netlify.com/)

#### More about BeReadable:<a name="chapter-2"></a>
##### 1- Live Transcription:

- Audio Recording.
- Audio to MP3 Downloader.

> BeReadable is able to record your voice and use LameJS to encode it and transform it into mp3 file for you to download right from the audio player.

- Multiple Language Support.
- Audio Transcription.

##### 2- Live Stream:

- Audio Player.
- Multiple Language Support.
- Audio Transcription.

Basically with this light and small tool, you can record your audio, download it and get the transcription for it. Or you can insert a link for your favorite podcast and the tool will transcribe it to text right away. You can also play any audio and get your mic closer to the source and it will do the trick.

##### 3- Possible Enhancement:

There are a lot of modifications that can be done or additional features that can be added. for example:

- Output text editor.
- UI improvements.
- Database to store users final transcriptions.

Also possible user accessibility requirements features:

- Video streaming with captions.
- Songs subtitles.

### Submission Category:<a name="chapter-3"></a>

- Accessibility Advocates.

### Link to Code on GitHub::<a name="chapter-4"></a>

{% github https://github.com/MooseSaeed/be-readable %}

### Link to the tool live demo:<a name="chapter-5"></a>

https://bereadable.netlify.app/

### Additional Resources / Info:<a name="chapter-6"></a>

Small demo to show you how it works:

{% vimeo 689802899 %}

Thanks for checking this out and feel free to add more features and functionalities to the repo and I will look into them and get back to you as soon as possible. Please let me know what you think 😍