Brad, thanks to your videos and Udemy course, I landed my first web developer job. Thank you so much for all you do! I literally owe my career to you! Can we get this comment up to the top so Brad can see this?
Hello, Can you pls do a tutorial for google text to speech api? Btw, I'm a novice to programming so this tutorial was lost on me and I am not sure if I can use the same code for google api text to speech.
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.
I'm in between jobs man but I found a new gig and I start next week. When I get my bills caught up I need to shoot you a donation or something soon to show my appreciation, Brad!
I downloaded your project and run it with a live server but my voices list was empty and I have this error: TypeError: Cannot read property 'getAttribute' of undefined main.js:85
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)
hey brad, while watching just only 52 seconds of video, i noticed one thing which makes this video stand out, that today the lightening on your face is perfect and i can see you as well 😀. As for the video, i already know that the content will be as good as always, i have no doubts abt the content, keep the good work. hav a good day
Amazing video Brad, as always! ;) anyway, the thing is: the more advanced app I make, the more problem I get with organizing my code. Perhaps You would explain what are the rules to keep code clean, how to organize it, bring up some basic rules You restrict and so on. I know there are many books on the market, but everyone wants You to teach us, not the books ;P building small apps is easy, but maintaing and developing big ones is not.
The if block is called only when the condition is satisfied i.e. (when the voice list is fetched).So why do we need to call the getVoice() method before the if block.The app will work the same without the getVoice() ouside the if block. Anyone having the same doubt plz reply. Talking about the follwing code getVoices(); if (synth.onvoiceschanged !== undefined) { synth.onvoiceschanged = getVoices; }
Hi Brad, when you type something and change the voice, it actually appends the same voices to the select element again, I added another condition to synth.onvoiceschanged !== undefined && !voiceSelect.hasChildNodes() not sure what caused this on myside
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"?
I am watching Brad's video a lot recently, at least one video per day, Really like these videos, just I found that I become dependent on following typing, and hard to digest and absorb the tech behind, is there a better way to watch and use these good tutorials? What do u guys do to learn from these excellent videos from Brad? Thank you
Hey, Brad. Long time subscriber here. Love what you do, but I was wondering if you considered creating a course on referencing skills and reading documentation.
I have thought about that and even somewhat attempted it but my learning style is so all over the place, it is hard to make a linear video/process explaining it you know? But I'm sure I can figure something out at some point
I normally use Visual Studio code as my main text editor but I don't know all of this awesome things do you have any videos about this programme how to use it first tips and tricks you know something like that
So I just finished your MERN course on Udemy. Can you do an add-on to that showing how to do Facebook/Google/Github login? I've tried several times to integrate them and I can get to the point where it is trying to complete the login and it's not working. That would be really awesome. I would pay just for that course.
Yeah, I took a look at that but I was hoping Brad could do an add on to the course so I could see it in the context of the app be built in the Udemy course.
Hi, I just wanted to thank you for your video it's really helpfull but I wonder if you could tell me why I can't make my bars for "rate" and "pitch" look like yours, is it because I need to install bootstrap or something like it?. I hope you can answer me. Thanks again.
Please can you give me a link to this extension you are used as a video to clean your coat while typing and your recommendation for best extensions in Visual Studio code
Prettier extension is used to make your code clean, even I use it. And I think "Live Sever" is the best extension (For those who use HTML, like me !!).
something is wrong with this setup. I wrote it line for line and copied the github repo and neither work. Brad can you take a look please? **EDIT** I FOUND MY ERROR
please sir tell me what should I learn after completed Html, CSS & JavaScript(Modern JavaScript From The Beginning) ? ("I mean which framework should I learn react.js, node.js and vue.js"). And I am new in developing field.
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!.
Hey Brad , this is a pretty cool video, What I am thinking right now is can we make the voice sound a bit more natural than computerised voice using a 3rd party library. Is there any you are aware of? I am quite new to audio and speech technologies in javascript so just asking :)
Hey Brad, I was wondering if you could do a tutorial on planning web applications and then turning it into code. I really appreciate your tutorials but I don't want to keep copying code. I've been wanting to build small apps like these.
thanks for great video tutorial, but i have a problem, always error like this "Uncaught ReferenceError: $st is not defined" do you know how to fix this?, anyway thanks
I am one-year late I know, but I got the same error. I compared my code with brad's and it absolutely had no differences at all, however got the same error. So, I copied his code for that part :(
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.
Hey Bro, you are great, can you please make a video of how to make a webhook in laravel for custom purposes? I know I dont give much context, basically im making a web app with laravel, and need a seperate function that will constantly use the date that a user created an account and check if two days have passed, thanks man.
Brad, thanks to your videos and Udemy course, I landed my first web developer job. Thank you so much for all you do! I literally owe my career to you! Can we get this comment up to the top so Brad can see this?
Braydon Coyer thank you very much and congrats!!!
Congrats ❤️
Congratulations!
As long as we appreciate you Brad you will be a living legend your just a rare gem.
Lol at 3:24 i forget my left and rights 😂 just noticed that now. Also, just to let you guys know, the JS starts around 13 mins in
Thanks for the video :D Love it!
how to record your videos?
hi can you please keep make videos of angular firebase ?
Hello, Can you pls do a tutorial for google text to speech api? Btw, I'm a novice to programming so this tutorial was lost on me and I am not sure if I can use the same code for google api text to speech.
Brad is easily one of the best Tutors.
Undoubtedly
Brad is not just a human being but a god gift to billions of young programmer... Love u Brad from india🇮🇳😊..
i cant get voice list
help plz
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! 🙏
I once again am on a coding adventure and I find your tutorial with the answer. Thank you good sir
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.
Another timely video. Keep them coming Brad. I enjoy all your hard work!
Hey Brad. You're tutorials are exceptional. Thanks for doing this
I'm in between jobs man but I found a new gig and I start next week. When I get my bills caught up I need to shoot you a donation or something soon to show my appreciation, Brad!
I envy the way you analyze and write your codes!!
Much love ❤️ and thank you.
Brad Dear I Have No Words To Say Thank You To You. You Are A Saviour
I downloaded your project and run it with a live server
but my voices list was empty and I have this error:
TypeError: Cannot read property 'getAttribute' of undefined
main.js:85
Go to line 42 of your JS and remove the comment. That fixed it for me!
i tried but doesn't work please can you send me the fixed project or commit it into the github rebo
@@ahmedthebest Replaced lines 41 - 45 with the below:
//Line 35, 36 causes voice list duplication
getVoices();
if (synth.onvoiceschanged !== undefined) {
synth.onvoiceschanged = getVoices;
}
@@KelbornXx thank you, it works
I was waiting for a video like this! Thank god i have TH-cam notifications on!
one of the best teachers on the internet. !!!
Legendary tutorial! Thank you, Mr. Brad! Appreciate ALL your content. You are THE MAN!
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)
hey brad, while watching just only 52 seconds of video, i noticed one thing which makes this video stand out, that today the lightening on your face is perfect and i can see you as well 😀. As for the video, i already know that the content will be as good as always, i have no doubts abt the content, keep the good work. hav a good day
You are advanced and amazing man. Keep up the good work!
Brad has always been my best
I love to watch your tutorial videos, Brad
Amazing video Brad, as always! ;) anyway, the thing is: the more advanced app I make, the more problem I get with organizing my code. Perhaps You would explain what are the rules to keep code clean, how to organize it, bring up some basic rules You restrict and so on. I know there are many books on the market, but everyone wants You to teach us, not the books ;P
building small apps is easy, but maintaing and developing big ones is not.
TTS with audio share in Android studio
Can you give any idea how it develop
Awesome brad !
Your tutorials helping me a lot:)
Thanks Brad for another awesome tutorial!
The if block is called only when the condition is satisfied i.e. (when the voice list is fetched).So why do we need to call the getVoice() method before the if block.The app will work the same without the getVoice() ouside the if block. Anyone having the same doubt plz reply.
Talking about the follwing code
getVoices();
if (synth.onvoiceschanged !== undefined) {
synth.onvoiceschanged = getVoices;
}
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 😁
Bootstrap migration for classes:
custom-range --> form-range
form-group --> mb-3
float-right --> float-end
btn-block --> w-100
badge-primary --> bg-primary
Wow ...I love that sort of things thank you so much for this..💖
Very happy to get it....
thanks for this awesome little project man
Hi Brad, when you type something and change the voice, it actually appends the same voices to the select element again, I added another condition to synth.onvoiceschanged !== undefined && !voiceSelect.hasChildNodes() not sure what caused this on myside
5 years ago and the code is still valid
Hureyyyy!!!!! Back here again to see awesome development videos
1:40 This list is affected by the OS and the browser.
From my experiment of making a similar page, Chrome had a different voices list than Edge.
Man you’re the best!!!! Love your work!
Awesome! Brad, thanks for this useful video
Very cool project! Big thumbs up :)
Thanks Brad... You're a blessing
I am going to try it...thanks for this project
Like the project and how you teach it, just to mention, this API is not doing translation, it is just pronunciation from different countries
brad,thanks to your video ...i can develop my knowledge and trending technology which is using IT companies product.
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"?
Loved it, best to practice javascript
code is not b=working for brave?is this happening only with me?
Cool man. This is an amazing tutorial
brad "The Real Marvel" hero
Hey, thanks for the video. You're great and I'm grateful.
Brad, you are a legend.
thank you brad, may God bless you my mentor
I am watching Brad's video a lot recently, at least one video per day, Really like these videos, just I found that I become dependent on following typing, and hard to digest and absorb the tech behind, is there a better way to watch and use these good tutorials? What do u guys do to learn from these excellent videos from Brad? Thank you
facing a similar issue
I love this man... My Mentor
Hey, Brad. Long time subscriber here. Love what you do, but I was wondering if you considered creating a course on referencing skills and reading documentation.
I have thought about that and even somewhat attempted it but my learning style is so all over the place, it is hard to make a linear video/process explaining it you know? But I'm sure I can figure something out at some point
What does the blur method do?
I normally use Visual Studio code as my main text editor but I don't know all of this awesome things do you have any videos about this programme how to use it first tips and tricks you know something like that
That was Mandarin Brad!!
Nice app and tutorial Brad, thanks for putting this together and sharing it with the community!
How long does it take brad to do these tutorials? Are these done live or does he spend time doing them then show us how he did it?
Can we create a mobile app by using PhoneGap from these files?
I found the bug. When you choose another language, your select is adding another same options
Great video, I wonder can you record your own voice, and put it into the filter menu, and use your own voice?
So I just finished your MERN course on Udemy. Can you do an add-on to that showing how to do Facebook/Google/Github login? I've tried several times to integrate them and I can get to the point where it is trying to complete the login and it's not working. That would be really awesome. I would pay just for that course.
That's also where I got kinda stuck. I made it work but I'm not sure if I used the best approach :)
Yeah, I took a look at that but I was hoping Brad could do an add on to the course so I could see it in the context of the app be built in the Udemy course.
Yes I do like this javascript tutorial.
Hi, I just wanted to thank you for your video it's really helpfull but I wonder if you could tell me why I can't make my bars for "rate" and "pitch" look like yours, is it because I need to install bootstrap or something like it?.
I hope you can answer me.
Thanks again.
We loooooove you Brad! You're awesome! !!!!!
Please can you give me a link to this extension you are used as a video to clean your coat while typing and your recommendation for best extensions in Visual Studio code
Prettier extension is used to make your code clean, even I use it.
And I think "Live Sever" is the best extension (For those who use HTML, like me !!).
Thank u for this awesome video , u r my favorite and idol
you are a godsend, thank you so much !
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.
Hello! Thank you for this amazing tutorial. Can you please tell me if there is a way to download the audio as an mp3?
something is wrong with this setup. I wrote it line for line and copied the github repo and neither work. Brad can you take a look please?
**EDIT**
I FOUND MY ERROR
can we add an option in this to download the generated audio as in mp3?
i would really appreciate the help ;)
please sir tell me what should I learn after completed Html, CSS & JavaScript(Modern JavaScript From The Beginning) ?
("I mean which framework should I learn react.js, node.js and vue.js"). And I am new in developing field.
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!.
Oh I got a bit late but nevertheless belated "Happy Teacher's day Brad" 😀
Hey Brad , this is a pretty cool video,
What I am thinking right now is can we make the voice sound a bit more natural than computerised voice using a 3rd party library. Is there any you are aware of? I am quite new to audio and speech technologies in javascript so just asking :)
Thanks Brad. this is so cool. Can you please do the Video one as well.
It doesn't give me a select when i try you code on browser
thanks in advance
@Brad amazing... how can we save the audio once its done.
There seems to be a limit for the number of words per request. Is it possible to increase that limit?
i have a doubt here you are not using any transpiler how your browser able to interpret es6 syntax?
Great video...Hi Brad can you make a video on how to plan an app before coding it? thanks.
If I open the demo in Firefox only two languages are are supported how can I access the other languages
How to use that clock which you use in your videos brad?
Hey Brad, I was wondering if you could do a tutorial on planning web applications and then turning it into code. I really appreciate your tutorials but I don't want to keep copying code. I've been wanting to build small apps like these.
thanks for great video tutorial, but i have a problem, always error like this "Uncaught ReferenceError: $st is not defined" do you know how to fix this?, anyway thanks
I am one-year late I know, but I got the same error. I compared my code with brad's and it absolutely had no differences at all, however got the same error. So, I copied his code for that part :(
Epic Project! Thanks!
btw. For getting body you can do simply document.body w/o querySelector
An error came Cannot read property 'appendChild' of null
at voices.forEach.voice what to do now???
hi sir brad do you have a complete full course of html css javascript? want to enroll
Is it normal I can choose us-eng voice only ? I'm looking for a french voice
Sir window.SpeechSynthesis is Called from which site or place ?
This is great. Thanks.
thank.js))))
God Bless You Brad!
Is anybody else getting the error:
Uncaught TypeError: Cannot read property 'getVoices' of undefined
for the "const = getVoices.....etc etc etc"?
I'm getting a slightly different error
Uncaught TypeError: Cannot read property 'appendChild' of null
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.
uncomment lines 41-45
check my comment at the top. Sort by newest.
And what if I want to have only 5 selectable voices. Is there a way of implementing certain voices only?
you can reduce the "voices" Array that is returned to an array with voices(5) that you wish to have.
hello sir how can we develop a speech recognition web application using a cloud-based platform
Hey Bro, you are great, can you please make a video of how to make a webhook in laravel for custom purposes? I know I dont give much context, basically im making a web app with laravel, and need a seperate function that will constantly use the date that a user created an account and check if two days have passed, thanks man.
Ur videos are great
You are awesome brad