Text To Speech & Synthesis App - JavaScript & Web Speech API

Text To Speech & Synthesis App - JavaScript & Web Speech API

Traversy Media

5 лет назад

105,414 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

station de pompage
station de pompage - 07.11.2023 14:17

is these a free API so we can use these voices unlimites?

Ответить
TheGospelTruth
TheGospelTruth - 30.09.2023 13:48

Make it to download voice

Ответить
Khan Sir Official
Khan Sir Official - 21.08.2023 08:49

how can we download the generated voice?
Please help me

Ответить
Flamewheel 2001
Flamewheel 2001 - 13.08.2023 15:05

I once again am on a coding adventure and I find your tutorial with the answer. Thank you good sir

Ответить
kiss me if you love me
kiss me if you love me - 24.04.2023 12:07

Is this api possible to pronounce any kind of language? I see my language is not in the API

Ответить
GAURAVI MORE
GAURAVI MORE - 09.03.2023 08:24

code is not b=working for brave?is this happening only with me?

Ответить
Avinash Reddy
Avinash Reddy - 03.01.2023 18:47

hello sir how can we develop a speech recognition web application using a cloud-based platform

Ответить
EDUTECH ARENA
EDUTECH ARENA - 12.11.2022 07:04

Pls the source code

Ответить
Adit Kaushal
Adit Kaushal - 01.09.2022 06:43

Has anyone found a solution to why this is not working on Android Chrome?
The languages on being changed are not producing any accent change....plain old English for every language!
Somebody help!!!

Ответить
SGHAIER Mohamed Yassine
SGHAIER Mohamed Yassine - 24.06.2022 00:55

It doesn't work😵until I uncommented comments in (Line 42 to line 45) in the main.js file ( type-n-speak/dist/js/main.js)

Ответить
maruata jongte
maruata jongte - 09.06.2022 11:50

i know this video is a little bit old but can we use this offline?

Ответить
Iuliana B
Iuliana B - 08.02.2022 15:38

Hello! Thank you for this amazing tutorial. Can you please tell me if there is a way to download the audio as an mp3?

Ответить
tbhvivian
tbhvivian - 27.01.2022 02:42

you are a godsend, thank you so much !

Ответить
Samuel Mino
Samuel Mino - 11.12.2021 01:41

so i have a question, this amazing btw, but how would i make it possible for instead of tts feature, rather when you click a button it will say what is inside the text box of the button of the site. For example if the button says "goodbye" it will say "goodbye"?

Ответить
Nazli Subasi Çeşitcioğlu
Nazli Subasi Çeşitcioğlu - 11.11.2021 15:25

thanks for this awesome little project man

Ответить
Nagham AlSayegh
Nagham AlSayegh - 11.11.2021 11:42

If I open the demo in Firefox only two languages are are supported how can I access the other languages

Ответить
CONG HOA TRAN
CONG HOA TRAN - 04.10.2021 23:20

kjl

Ответить
Anilkumar Kankala
Anilkumar Kankala - 10.08.2021 18:14

how to add our own language and name

Ответить
Sarvar Khalimov
Sarvar Khalimov - 30.06.2021 11:08

Cool man. This is an amazing tutorial

Ответить
Sarthak Nikhal
Sarthak Nikhal - 22.06.2021 10:26

Brad: "This video is sponsored by Dev Mountain. They will teach everything great like in a bootcamp

(proceeds to teach all the cool web dev content by giving good tutorials for free and better than most bootcamps)

Ответить
Dhruvanshi Pandya
Dhruvanshi Pandya - 22.05.2021 19:08

How can I download this speech in audio format?

Ответить
Julian
Julian - 19.05.2021 17:25

Nice job! Thanks for that! Do you know how can I use this to speech a text within a div? it's for hearing accessibility . Thanks for your attention.

Ответить
jdubhman
jdubhman - 19.05.2021 15:18

This is a great tool, copy and paste in news articles and have them read aloud!
Thank you so much for all of your tutorials! 🙏

Ответить
David Devaney, Jr.
David Devaney, Jr. - 08.05.2021 11:09

Holy Crap! This is great!! So helpful, even 3 years later. Not sure where you got the voices but it still works, for free. I had to use WinMerge to see where I screwed up because I didn't want to just "borrow" the script so I typed everything out and messed up. The only problem I have is, in 2021, is that in Firefox and Brave,. Chrome based, it only has Microsoft voices. If I open Chrome it shows all the voices though. Not sure what's going on there. I even tried it with the downloaded code with the same results. At least there were voices but I wanted more options. Thanks for the info and code and tutorial.

Ответить
EnlightenedFacts
EnlightenedFacts - 13.04.2021 15:07

Can I use web speech api for my website for comercial use for free?

Ответить
Cynthia Soto Caballero
Cynthia Soto Caballero - 28.01.2021 02:32

Bootstrap migration for classes:

custom-range --> form-range
form-group --> mb-3
float-right --> float-end
btn-block --> w-100
badge-primary --> bg-primary

Ответить
BHASKAR
BHASKAR - 27.01.2021 13:09

Awesome

Ответить
Jindřich Vavruška
Jindřich Vavruška - 26.01.2021 11:31

Would be nice not to spend so much time on formatting, especially when certain things can be achieved by CSS one-liners like { margin: auto } to obtain centered <div></div>

Ответить
Handhika Y-P
Handhika Y-P - 18.01.2021 21:45

damn this is great post, thanks Brad

Ответить
Ashish Nallana
Ashish Nallana - 30.12.2020 20:25

I am going to try it...thanks for this project

Ответить
Barish
Barish - 28.12.2020 13:32

Very helpful

Ответить
swaroop
swaroop - 18.09.2020 09:28

Loved it, best to practice javascript

Ответить
Жанет Младенова
Жанет Младенова - 16.09.2020 21:01

Great video, I wonder can you record your own voice, and put it into the filter menu, and use your own voice?

Ответить
Terry Amagboro
Terry Amagboro - 20.07.2020 09:58

Brad has always been my best

Ответить
short Mclips
short Mclips - 15.07.2020 19:16

wonderful!. I want to ask a question, please reply.. my question is that can i use my own voice as a voice over?, instead of it sounding like a robot?..Thank you BRAD!.

Ответить
Eman Osman
Eman Osman - 22.06.2020 15:02

Can I add other languages like Arabic, if yes how do this?

Ответить
Petra Trading
Petra Trading - 07.06.2020 04:54

can you make it for a live chat

Ответить
DU GAMING
DU GAMING - 02.06.2020 03:42

TTS with audio share in Android studio

Can you give any idea how it develop

Ответить
Sihao Cao
Sihao Cao - 28.04.2020 01:29

Nice app and tutorial Brad, thanks for putting this together and sharing it with the community!

Ответить
jesse g
jesse g - 02.04.2020 04:18

thank you for this! it was more fun than i was expecting; i refactored it to work in Vue after watching your Vue and Vuex crash courses 😁

Ответить
caio ferreira
caio ferreira - 01.04.2020 02:03

hahahahaah i love it

Ответить
Johnny Huynh
Johnny Huynh - 08.02.2020 23:25

Does anyone know why no options show up in the language selector? I downloaded the files from his github and tried running it. The interface looks fine but I dont think the JS is working. I tried on both firefox and chrome and no languages show up.

Ответить
Vikas Shambhu
Vikas Shambhu - 13.01.2020 14:31

Brad is not just a human being but a god gift to billions of young programmer... Love u Brad from india🇮🇳😊..

Ответить
Ian J
Ian J - 19.12.2019 21:29

There seems to be a limit for the number of words per request. Is it possible to increase that limit?

Ответить
DioCode
DioCode - 18.12.2019 13:26

Are there any alternatives that works in Safari?

Ответить