JAVASCRIPT

Cara Membuat Text To Speech Pada Javascript

Pada artikel ini saya akan membuat text to speech pada bahasa pemrograman javascript. Simak saja langsung di bawah!

Text To Speech Pada Javascript

Sedikit penjelasan mengenai text to speech dari saya. Saya mudahkan text to speech itu ketika kamu membuat program sesuatu seperti di bawah ini :

alert("Saya suka makan");

Maka akan mengeluarkan suara orang sesuai apa yang kamu buat tersebut memang ini sangat keren bagi saya, program di atas hanya contoh aja. Nah pada artikel ini saya akan membuat hal tersebut pada bantuan api dari responsive voice kamu bisa kunjungi di sini. Ouh ya penulisan artikel di sini tidak sangat terlalu panjang.

Saat nya saya akan buat program tersebut kamu cukup buat dulu file html nya dengan nama index.html bisa di lihat di bawah ini :

<!doctype html>
   <html>
  <head>
    <title>Membuat Text To Speech Pada Javascript</title>
    <script src="https://code.responsivevoice.org/responsivevoice.js?key=7tW19wIl"></script>
  </head>   
    
  <body>  
       <center>
      <form method="post">
        <textarea style="height:70px;">Hai saya galih anggoro prasetya, saya adalah seorang pemrogram.</textarea>  
          <br>
          <br>
        <button type="button">Tekan!</button>
        </form>
      </center> 
    <script src="script.js"></script>
  </body>
</html>

Nah lalu kamu buat file javascript nya dengan nama script.js

// buat variabel
let textArea = document.getElementsByTagName('textarea')[0];
let btn = document.getElementsByTagName('button')[0];


//ketika tombol di tekan atau di klik
btn.addEventListener('click', function(){
    //jalankan suara dari google
   responsiveVoice.speak(
    //dan ambil isi dari textarea
    textArea.value,
    "Indonesian Female",
    {
     pitch: 1, 
     rate: 1, 
     volume: 1
    }
   );
});

Penutup

Hasil tersebut bisa di lihat di sini kamu bisa ubah kode saya di atas dan juga kamu bisa ber kreasi sendiri pada api yang sudah saya share tersebut pastikan gunakan kode responsive voice kamu sendiri. Semoga bermanfaat :D