🚀 Feature: Text-to-Speech for Model Output

[Vaishnavi-Raykar]

🔖 Feature description

Add a feature that converts model-generated text into speech, allowing users to listen to the output.

🎤 Why is this feature needed ?

It enhances accessibility for visually impaired users and those who prefer listening. It also supports multitasking and broadens the app’s user base.

✌️ How do you aim to achieve this?

Use a TTS engine like Google Text-to-Speech or the Web Speech API. After the model generates text, users can click a button to hear it.

🔄️ Additional Information

No response

👀 Have you spent some time to check if this feature request has been raised before?

• [X] I checked and didn't find similar issue

Are you willing to submit PR?

Yes I am willing to submit a PR!

[eleensmathew]

Hi can i work on this?

[Vaishnavi-Raykar]

@dartpain This issue was actually created by me and I already mentioned that I want to make a pull request for it.

So please assign it to me.

[dartpain]

Very sorry for this @Vaishnavi-Raykar Thank you for pointing it out.

[Vaishnavi-Raykar]

@dartpain

Welcome...No problem👍

[Srayash]

Hi @ManishMadan2882 can I work on this if this is still open? Additionally, @tenokami I want to ensure the icon and hover effect align with the style of the other icons. Let me know what works best. Thanks!

[tenokami]

Hi @Srayash

I believe @Vaishnavi-Raykar is working on this, right? In any case here is the design

Prototype: https://www.figma.com/proto/OXLtrl1EAy885to6S69554/DocsGPT?node-id=4949-8126&t=Hue5mwMSnqxaYgvt-1

Wireframes https://www.figma.com/design/OXLtrl1EAy885to6S69554/DocsGPT?node-id=0-1&t=Hue5mwMSnqxaYgvt-1

For the dark theme just use the right color for icon

[Vaishnavi-Raykar]

Yes ,@tenokami I'm working on this issue.

[Srayash]

Hi @Vaishnavi-Raykar! I’ve already completed the work on this issue. If it’s alright with you, would you mind if I go ahead and submit a PR for it?

[Vaishnavi-Raykar]

Hi @Srayash ! Thanks for working on this issue. Please go ahead and submit the PR. I’ll review it, and if I see any areas for improvement, I’ll let you know.👍

[Srayash]

https://github.com/user-attachments/assets/ef477ce8-2370-4c3a-94f5-754897457fd8

Browser: Brave.

[tenokami]

@Srayash Thanks! Btw thanks for changing the button position. That's definitely better

[tenokami]

@Srayash Maybe make play sound icon a bit smaller to be the same size as the other icons?

[Srayash]

@Srayash Maybe make play sound icon a bit smaller to be the same size as the other icons?

is this okay @tenokami ?

[tenokami]

@Srayash Looks great!