Membuat Speak Text To Speech Dengan Javascript
Pembahasan kali ini aku ingin coba membahas ihwal bagaimana dari sebuah text atau goresan pena di konversi menjadi suara, salah satu contoh-nya ada pada fitur google translate. Jika kau pernah nyoba google translate, pada ketika kau mengetikan goresan pena pada form inputan di sana terdapat sebuah icon speaker dan ketika kau meng-klik-nya maka google translate akan membacakan isi text yang telah kau tulis di form inputan tadi.
Nah di pembahasan kali ini aku akan membahas itu. Di praktik kali ini aku menggunakan Responsive Voice JS . Javascript ini akan membantu kita dalam mengkonversi text menjadi suara. Yang menariknya, dengan j4vascript ini kau sanggup mengatur kecepatan bicara, volume dan lain-lain.
Sebenarnya j4vascript ini berbayar, tapi kita masih sanggup menggunakan-nya, alasannya ia menyediakan versi gratisnya, cuma kalau menggunakan versi gratis, kita tidak akan sanggup semua fitur-fiturnya. Tapi lumayan, pas kemarin aku coba yang gratisnya fiturnya yummy juga. Mari pribadi saja ikutin praktinya.
<!DOCTYPE html> <html> <head> <title>speak text to speech with Resvonsive Voice</title> <script src='https://code.responsivevoice.org/responsivevoice.js'></script> <script type="text/j4vascript"> function play (){ responsiveVoice.speak( "Hey nama aku cahya, kang cahya dot kom merupakan web personal saya, terimakasih telah berkunjung kemari.", "Indonesian Female", { pitch: 1, rate: 1, volume: 1 } ); } function stop (){ responsiveVoice.cancel(); } function pause (){ responsiveVoice.pause(); } function resume (){ responsiveVoice.resume(); } </script> </head> <body> <button onclick="play();">Play</button> <button onclick="stop();">Stop</button> <button onclick="pause();">Pause</button> <button onclick="resume();">Resume</button> </body> </html> Keterangan :
Function play berfungsi untuk menjalankan-nya suara. Parameter pertama pada fungsi responsiveVoice.speak di isi dengan text yang akan ia baca, kemudian di parameter kedua di isi dengan tipe suara, pada pola aku menggunakan indonesian female, di parameter ke tiga berisi konfigurasi, yaitu ada pitch, rate dan volume (default semuanya bernilai 1).
Untuk Function stop, pause dan resume tampaknya aku tak perlu menjelaskannya lagi, alasannya mungkin kau sanggup dengan gampang menebaknya sendiri :)
Tambahan (buat auto play)
Pada bab ini aku akan memperlihatkan pola bagaimana responsivevoice ini di buat autoplay, jadi pada ketika ingin menjalankan ini kita tidak perlu lagi klik play dan lain-lain.
responsiveVoice.OnVoiceReady = function() { console.log("speech time?"); responsiveVoice.speak( "Hey nama aku cahya, kang cahya dot kom merupakan web personal saya, terimakasih telah berkunjung kemari.", "Indonesian Female", { pitch: 1, rate: 1, volume: 1 } ); }; Untuk keterangan hampir sama dengan klarifikasi souce di atas, cuma disini ada fungsi baru, namanya responsiveVoice.OnVoiceReady, ini berfungsi semoga resvonsivevoice berjalan secara otomatis.
Untuk tipe suara, berikut yaitu tipe bunyi yang di support oleh resvonsipe voice :
*) silahkan salin salahsatu.
- UK English Female
- UK English Male
- US English Female
- Arabic Male
- Armenian Male
- Australian Female
- Australian Female
- Brazilian Portuguese Female
- Chinese Female
- Czech Female
- Danish Female
- Deutsch Female
- Dutch Female
- Finnish Female
- French Female
- Greek Female
- Hatian Creole Female
- Hindi Female
- Hungarian Female
- Indonesian Female
- Italian Female
- Japanese Female
- Korean Female
- Latin Female
- Norwegian Female
- Polish Female
- Portuguese Female
- Romanian Male
- Russian Female
- Slovak Female
- Spanish Female
- Spanish Latin American Female
- Swedish Female
- Tamil Male
- Thai Female
- Turkish Female
- Afrikaans Male
- Albanian Male
- Bosnian Male
- Catalan Male
- Croatian Male
- Czech Male
- Danish Male
- Esperanto Male
- Finnish Male
- Greek Male
- Hungarian Male
- Icelandic Male
- Latin Male
- Latvian Male
- Macedonian Male
- Moldavian Male
- Montenegrin Male
- Norwegian Male
- Serbian Male
- Serbo-Croatian Male
- Slovak Male
- Swahili Male
- Swedish Male
- Vietnamese Male
- Welsh Male
- US English Male
- Fallback UK Female
0 Response to "Membuat Speak Text To Speech Dengan Javascript"
Posting Komentar