Text To Speech Converter in HTML CSS & JavaScript | No External Library or API Used

Поделиться
HTML-код
  • Опубликовано: 28 окт 2021
  • Text To Speech Converter in HTML CSS & JavaScript | No External Library or API Used
    In this video, I have shown you how to create a Text To Speech Converter App in HTML CSS & JavaScript. It is made with vanilla JavaScript, and no external library or API is used. In this TTS app, you can convert your text into speech on different voices. The pause or resume option for the speech is also available if your text character length is more than 80.
    Download Codes From Here - www.codingnepalweb.com/text-t...
    Second Channel - bit.ly/3aHNkru
    My Code Editor - • Best Text Editor for H...
    Facebook - / coding.np
    Instagram - / coding.np
    Music Credit:
    Ikson - Anywhere [Official]
    • #66 Anywhere (Official)
    Vexento - With You (Vlog No Copyright Music)
    • Vexento - With You (Vl...
    Ehrling - You And Me (Vlog No Copyright Music)
    • Ehrling - You And Me (...
    Jimmy Hardwind - Want Me (feat. Mike Archangelo)
    • Jimmy Hardwind - Want ...

Комментарии • 151

  • @myfusionmelodies
    @myfusionmelodies 2 года назад +20

    Don't put background music bro just explain every step you do in your programs so that it helps us to understand easily and effectively.

  • @codingwithkenny6492
    @codingwithkenny6492 2 года назад +7

    That is so awesome sir! I love it! I've built this project before in the past, and was able to make my computer convert the text to speech, however I couldn't change the voice of the speaker, so thank you for showing us how to do that in this video! Greatly appreciated 🙏🙏

  • @jacintogarcialela3268
    @jacintogarcialela3268 2 года назад +1

    Desde Brazil, cara você é um genio. Que Deus abençoe muito sua vida porque com você aprendo o impossível. ❤

  • @aaryan5179
    @aaryan5179 2 года назад +7

    thanks for giving a new project❤️. love from India

  • @YTSHANKY
    @YTSHANKY 2 года назад

    My brooo. You made me proud of being Nepali. Full love and support to you.
    Yeseri nai ramro ramro content banaunu. We will be supporting

    • @CodingNepal
      @CodingNepal  2 года назад +1

      Sure bro... Keep loving and supporting

  • @codeverse-mw
    @codeverse-mw 2 года назад

    was just checking your website....its really dope if u can make a totorial of it am sure i can learn a lot

  • @Viral_Clipz
    @Viral_Clipz 2 года назад +2

    Thank you so much,♥️ because of you I'm learning many more new things 💙

    • @CodingNepal
      @CodingNepal  2 года назад +1

      Really happy to hear that :)

  • @user-xg1ti8qm1p
    @user-xg1ti8qm1p Год назад

    Thanks. I liked the idea.

  • @quantyquanty3724
    @quantyquanty3724 2 года назад

    Great tool and I hope you will put an additional feature to record sound for playback as an audiobook.

  • @VortexVibesYT
    @VortexVibesYT 2 года назад +3

    This is exactly what I wanted

  • @sebastianjaramillo8016
    @sebastianjaramillo8016 2 года назад +2

    Awesome, well done :)

  • @furqaanahmad__
    @furqaanahmad__ 2 года назад

    Good job thapa

  • @Mubashir105
    @Mubashir105 2 года назад +1

    Superb work bro.. Waiting for Live Chat App With New Features

  • @CreativeTutorialsWeb
    @CreativeTutorialsWeb 2 года назад +2

    This is great Sir many thanks for sharing this

  • @StrangerDanger352
    @StrangerDanger352 2 года назад

    nepali raixa ta aja balla thapaye love your vedio bro didn't know nepal had a such talented programmer i am happy to see it

    • @CodingNepal
      @CodingNepal  2 года назад

      Thanks bro.. I'm really happy to hear that.

  • @mahmud1008
    @mahmud1008 2 года назад +1

    Thanks,,, your tutorial is excellent. i like it.

  • @jeenitprajapati3449
    @jeenitprajapati3449 2 года назад +2

    Wow! Superb

  • @tenc6491
    @tenc6491 2 года назад

    I have always avoided watching your video because I find it annoying to watch a tutorial without audio but with loud background music.
    That being said, I honestly feel that your designs, your works and your knowledge is awesome. Thanks for sharing this tutorial.

  • @ramonmulder9064
    @ramonmulder9064 2 года назад +1

    WOW! This is great!!!

  • @diwakar_tsn
    @diwakar_tsn 2 года назад +1

    Dai that's great work ❤️❤️☺️☺️💖

  • @k3nguyenvandiep923
    @k3nguyenvandiep923 Месяц назад

    This is an awesome tutorial video.
    By default, the selected voice language is "Majed (ar-001)" , I would appreciate it if you will instruct me how to set default selected voice language is "Linh (vi-VN)".
    Thank you.

  • @vaishnavis9473
    @vaishnavis9473 Год назад

    Thank you so much it helps 😍

  • @Anonymous-jx4zp
    @Anonymous-jx4zp 2 года назад +1

    Dai dherai ramro

  • @Bhsdk50000
    @Bhsdk50000 2 года назад

    Awesome 👏👏👏

  • @maxwellkibet7928
    @maxwellkibet7928 Год назад

    Coding nepal my coding mentor this was awesome bro 👌 was wondering how I can create an export to mp3 button

  • @dr.nightcore62
    @dr.nightcore62 2 года назад +1

    I LOVE IT! U GENIUSSS! (pls can u also make a download button as well?...)

    • @Koded
      @Koded 2 года назад

      Hey, you can find that video on my channel, ofcourse I'm nowhere near to this guy in design but you can learn about working download button creation.

  • @mridulyt
    @mridulyt 2 года назад +2

    niceeee.... ramro xa!

  • @yubiroaster6285
    @yubiroaster6285 2 года назад +2

    First comment.... Love from NEPAL 🇳🇵 ✌️

    • @ayush.kr._
      @ayush.kr._ 2 года назад

      I think he is from Nepal

    • @ayush.kr._
      @ayush.kr._ 2 года назад

      @@yubiroaster6285 no the channel owner

    • @vivek5019
      @vivek5019 2 года назад

      You have 52 comment 😂

    • @yubiroaster6285
      @yubiroaster6285 2 года назад

      @@ayush.kr._ yeah..... Obviously ✌️🇳🇵

    • @ayush.kr._
      @ayush.kr._ 2 года назад

      @@yubiroaster6285 love from india 🇳🇵🇮🇳

  • @Abhicoder
    @Abhicoder 2 года назад +2

    No words!

  • @yooog
    @yooog 2 года назад

    Awesome!

  • @shahianahmed.4717
    @shahianahmed.4717 2 года назад +1

    Best, great👏👏👏👏👏

  • @kimanhtoi9325
    @kimanhtoi9325 3 месяца назад

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

  • @k3nguyenvandiep923
    @k3nguyenvandiep923 Месяц назад

    This an awesome tutorial video.
    Please instruct me how to write Javascript codes to pre-set the Vietnamese voice language that contains "vi-VN" string, do not need to select from the dropdown list?
    Thank you.

  • @user-rn5ph3ed6t
    @user-rn5ph3ed6t 2 года назад +1

    Very nice bro

  • @riyazatkhan9095
    @riyazatkhan9095 2 года назад

    Awesome tutorial... Kindly update how to add download button in this project

  • @playerno1234
    @playerno1234 2 года назад

    lit project 🔥🔥🔥

  • @eclipture
    @eclipture 2 года назад +1

    You are the best

  • @laxminarayanachodipalli5061
    @laxminarayanachodipalli5061 Год назад

    Thankyou brother. I have to built survey project questions convert the text to speech .but it is reading only one questions next questions was empty

  • @_lokeshsonawane1038
    @_lokeshsonawane1038 10 месяцев назад +1

    Could you please tell how to download the genrated speech as Mp3

  • @sdk_gyan
    @sdk_gyan Год назад

    How to download converter audio

  • @jasopakisan1771
    @jasopakisan1771 2 года назад +1

    That's amazing

  • @caktasnino
    @caktasnino 2 года назад

    I only have 4 voice options to chose from the list, I downloaded your files and it's same there, any ideas why?

  • @itxHuman
    @itxHuman 2 года назад +3

    Can you plz make a live video streaming project .. I'm your subscriber from long time.. Thanks in advance

    • @CodingNepal
      @CodingNepal  2 года назад +2

      Okay, I'll think about this topic. Stay tuned.

    • @itxHuman
      @itxHuman 2 года назад

      @@CodingNepal thanks sir...

    • @riyazatkhan9095
      @riyazatkhan9095 2 года назад

      @@CodingNepal Please Reply On My Comment... How to add download button... Please

  • @everythingissimple1966
    @everythingissimple1966 2 года назад +1

    Love from india

  • @Respectzzz007
    @Respectzzz007 Год назад

    Bro how can we add a download plugin to download this audio

  • @tellynews002
    @tellynews002 2 года назад +1

    Very nice created code

  • @xdominion330
    @xdominion330 Год назад

    Hi CodingNepal, I want a simple Answer from you, Is it possible to make language pack from our own voice and then make a Text to speech generator? It will be more fun and more interesting, can you just make a video on this project, thank you

  • @CodeWithNangyal
    @CodeWithNangyal 9 месяцев назад

    how to download the audio generated

  • @NewsThatsUsed
    @NewsThatsUsed Год назад

    Excellent code, thank you. But mine stops at 39 words OR 251 characters. How can I make it so it reads unlimited words?

  • @user-dg9xm7vn9w
    @user-dg9xm7vn9w 7 дней назад

    Hello sir, thank you for the code. It works, but I faced a problem that all the voices are the same, a girl’s voice, only in one language. Can you help me?

  • @guru_56
    @guru_56 Год назад

    How can i download the audio file of generated voice

  • @jaibunnisamohammad9988
    @jaibunnisamohammad9988 10 месяцев назад

    how to add voice if voice is not available in browser e.g., te-IN

  • @hackerprime9722
    @hackerprime9722 2 года назад +1

    I wonder if you could fuse this with Google Maps API and get it to translate the directions into speech if you don't want to have to use the SDK and just use the web API?

    • @CodingNepal
      @CodingNepal  2 года назад +1

      Okay, I'll try to do it.

    • @hackerprime9722
      @hackerprime9722 2 года назад

      @@CodingNepal I'll try as well. Keep up the good work!

  • @mastscene8377
    @mastscene8377 2 года назад

    Thank you so much sir ❤️❤️
    Sir please create a blogspot blogger template like jago desian FLETRO PRO please create please create

  • @adityaparmar4996
    @adityaparmar4996 11 месяцев назад

    If a have written in Hindi then can it convert to speech ?

  • @monicaconche2469
    @monicaconche2469 Год назад

    Hello sir, how to make it read automatically the text without any buttons or highlighting it. Like if I open the website it will automatically read the text inside of the website. Is it possible? Can you teach me? Thank you

  • @NEProb
    @NEProb 2 года назад +1

    ❤️❤️🔥

  • @wilumipig2624
    @wilumipig2624 Год назад

    hi? can you covert this into PHP?

  • @ShauryaRawal
    @ShauryaRawal 2 года назад +1

    It Work For sometimes but it is Not Working now!
    Please Help
    Edit:Now it is working!

  • @AhmadRaza-mw7ux
    @AhmadRaza-mw7ux 2 года назад +1

    ❤️

  • @abulalalalalaabulala4521
    @abulalalalalaabulala4521 2 года назад +1

    Good

  • @kknamdev8253
    @kknamdev8253 2 года назад

    Hello sir मेरे लिए जे एक div में text लिखा है तो वो रीड कर बना है हेल्प

  • @diwakar_tsn
    @diwakar_tsn 2 года назад +1

    Dai, hai css ra javascript ko detail video leyara aaunu na hass☺️❤️❤️

  • @nightcode.
    @nightcode. 2 года назад

    sir can u make a multilingual language website (same website but with different languages).

  • @ondrejtomasek2805
    @ondrejtomasek2805 2 года назад

    Question: Is it possible to write JavaScript code so that the content of the page is converted to a voice after loading? For example, I have text in the ID and I would like to convert it to a voice without having to click a button

    • @halaldose4594
      @halaldose4594 Год назад

      I think that is possible, just return the function without setting it to any button, it'll speak when the page is loaded

  • @codeverse-mw
    @codeverse-mw 2 года назад

    You should get a job at google because you are really good at coding...

  • @Rudraksha_M007
    @Rudraksha_M007 2 года назад +1

    My xampp is not working when ever I open my php file it happens to Show the actual code. How do I fix this

    • @CodingNepal
      @CodingNepal  2 года назад

      You have to put your project folder or file inside the htdocs folder of your xampp.

  • @nasathingz
    @nasathingz Год назад

    there is no voice available, what to do ?

  • @horndoctech9914
    @horndoctech9914 2 года назад +2

    index.html:1 Unchecked runtime.lastError: The message port closed before a response was received.
    Why Error like this?

    • @CodingNepal
      @CodingNepal  2 года назад +1

      Are you talking about this video project or something else?

    • @horndoctech9914
      @horndoctech9914 2 года назад

      @@CodingNepal I have been fixed it, Can you, make a video tutorial on how to change the language on the website

  • @animstok
    @animstok 7 месяцев назад

    Sir in this select not is hindi option

  • @perahstudio
    @perahstudio Год назад

    how to save the voice?

  • @golyrics1286
    @golyrics1286 Год назад

    How do I make voice downloadable?

  • @pmportal
    @pmportal Год назад

    download buttan kaise lagaye

  • @user-td4pf6rr2t
    @user-td4pf6rr2t 10 месяцев назад

    Could we maybe slow down a little bit, especially immediately after edits. Ive gotten a stiff neck after trying to keep up with this and i even used pen and paper first :s kthnksry

  • @graphic.shashank
    @graphic.shashank Год назад

    Sir I'm not getting Google Voices please help

  • @nassimeloualydy
    @nassimeloualydy 2 года назад +1

    Pleas can you show me the api wich sending msg to the phone from a website

    • @CodingNepal
      @CodingNepal  2 года назад

      I don't know any API about it. You can google it.

    • @nassimeloualydy
      @nassimeloualydy 2 года назад

      Im a developper and asking if i can build my oun ?

  • @-vevo
    @-vevo Год назад

    Sir , please add download button to this wonderful webside so we can download audio file with Javascript
    or please give me source code of it waiting eagerlessly.

  • @rohanthapa5790
    @rohanthapa5790 Год назад

    how to add some exceptional words and their own pronountiation

  • @user-kx4kx3hu4n
    @user-kx4kx3hu4n 2 месяца назад

    dosnt work for me:/ even when i copied the code

  • @VortexVibesYT
    @VortexVibesYT 2 года назад +1

    Remember me from the dictionary app

  • @hulynop
    @hulynop 2 года назад

    Hello! Can you make a Unicode Searcher?

  • @edwinkinchinorj3477
    @edwinkinchinorj3477 2 года назад

    Mine isn’t working

  • @ShlokBhingradiya
    @ShlokBhingradiya Год назад

    i need hidi lang but i cant getting hindi sirr

  • @31ashaswatraj44
    @31ashaswatraj44 3 месяца назад

    Download Button????

  • @instantclaimfaucets5787
    @instantclaimfaucets5787 2 года назад

    Hello Sir, Please create an AI-Based including all languages also Pakistan (Urdu) Text to speech converter for youtube videos without any API.

  • @VortexVibesYT
    @VortexVibesYT 2 года назад +1

    Hey! I am the first hereeeee

  • @amrendrakumarsingh5409
    @amrendrakumarsingh5409 2 года назад +1

    How to download this text voice ??

    • @CodingNepal
      @CodingNepal  2 года назад +1

      I'll try to make video in future if possible.

    • @amrendrakumarsingh5409
      @amrendrakumarsingh5409 2 года назад

      @@CodingNepal it's possible other websites provide. This future

  • @dogvscatfunny9956
    @dogvscatfunny9956 Год назад

    Всё что он пишет знает только он сам))

  • @alazar8977
    @alazar8977 2 года назад +1

    can you make working login and register form. Please

    • @CodingNepal
      @CodingNepal  2 года назад

      It's already uploaded on this channel. Please, visit our PHP playlist.

  • @rezwansaki
    @rezwansaki Год назад

    I think it supports only chrome browser.

  • @ShlokGamingZone
    @ShlokGamingZone 2 года назад

    i cant convert in hindi

  • @athersameerc7165
    @athersameerc7165 Год назад

    Bro please add download audio file option

  • @sit33darshanpagar16
    @sit33darshanpagar16 2 года назад

    Why can't you explain introvert

  • @sewatt
    @sewatt 2 года назад +1

    Hi

  • @jobianstechie
    @jobianstechie 2 года назад

    Add Download option

    • @jobianstechie
      @jobianstechie 2 года назад

      @Srijan Mishra to download the voice generated

  • @user-rn5ph3ed6t
    @user-rn5ph3ed6t 2 года назад +1

    If you have a Facebook account, give me the link....

    • @CodingNepal
      @CodingNepal  2 года назад

      Facebook link - facebook.com/coding.np

  • @abulalalalalaabulala4521
    @abulalalalalaabulala4521 2 года назад

    Why your For loop use of?

    • @CodingNepal
      @CodingNepal  2 года назад

      For loop is used to loops through the values of an iterable object

  • @mirzakhan1818
    @mirzakhan1818 9 месяцев назад

    bhai is scrip me download ka nahi Download lkar aayo😊