#SpeechSynthesis
HTML-код
- Опубликовано: 15 апр 2020
- #SpeechSynthesis ile Yazıyı Sese Çevirmek (Text to Speech, #Vue.js)
Merhaba,
Bu dersimizde modern tarayıcılarda kullanabileceğiniz Text to Speech API'sinin nasıl kullanıldığını göreceğiz. Bunun için bir kaç tane blok kullanıyoruz. Bunlar;
1 - speechSynthesis
2 - SpeechSynthesisUtterance
Normalde ben bunu geliştirirken JavaScript ile yaptım. Fakat bu dersimizde Vue.js ile bu işlemi yapmayı gösterdim. Böylece ders içerisinde JavaScript üzerinden Nasıl Vue.js içine bunu aktarabileceğimizi de görüyoruz.
Ayrıca JavaScript Versiyonuna da aşağıdaki linkten erişebilirsiniz;
github.com/gkandemi/vue-text-...
Uygulama içerisinde kullandığımız style.css dosyası;
github.com/gkandemi/vue-text-...
Uygulamanın Kodları;
github.com/gkandemi/vue-text-...
İyi Seyirler :)
Kanal içerisinde bulabileceğiniz eğitimlerden bazıları;
1. PHP Programlama eğitimi
2. Codeigniter framework eğitimi
3. HTML ve CSS Eğitimi
4. JavaScript Eğitimi
5. JQuery Eğitimi
6. Vue js Eğitimi
7. Nuxt js Eğitimi
8. Node js Eğitimi
9. Express js Eğitimi
10. JavaScript Frameworkleri
11. MongoDB Eğitimi
12. MySQL Eğitimi
13. Docker Eğitimi
14. Go programlama Eğitimi
15. PHP ile proje Eğitimi
16. Codeigniter ile proje Eğitimi
17. Vue js ile proje Eğitimi
18. Nuxt js ile proje Eğitimi
19. Yeni web teknolojilerin tanıtımları
20. IDE kullanımları
gibi daha birçok eğitime ücretsiz olarak ulaşabilirsiniz.
Eğitimleri izlemek için Oynatma listelerine göz atmayı kesinlikle unutmayın!!!
Başlıca oynatma listeleri;
Eğitim Serileri;
► HTML Eğitimi : • HTML Eğitimi
► CSS Eğitimi : • CSS Eğitimi
► MySQL Eğitimi : • MySQL Eğitimi
► JQuery Eğitimi: • JQuery Eğitimi
► PHP Eğitimi : • PHP Eğitimi
► Codeigniter Eğitimi : • Codeigniter Eğitimi
Proje Eğitimleri;
► Asp.Net ile Okul Projesi: • Asp.Net ile Okul Projesi
► Firebase ToDo List Yapımı : • Firebase ToDo List Yapımı
► PHP Codeigniter ile Multi Session Yapımı : • PHP Codeigniter ile Mu...
► PHP Codeigniter Otel Rezervasyon Sistemi : • PHP Codeigniter Otel R...
► Like Dislike Yapımı : • Like Dislike Yapımı
► PHP Codeigniter ile Malzeme Uygulaması : • PHP Codeigniter ile Ma...
► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : • Codeigniter ile AutoCo...
► PHP Çoklu Kategori Alt Kategori Yapımı : • PHP-PDO ile Sınırsız K...
► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): • Codeigniter ile Çoklu ...
► PHP Codeigniter ile Pagination Yapımı : • PHP Codeigniter ile Pa...
► PHP ile Alışveriş Sepeti Yapımı : • PHP ile Alışveriş Sepe...
► PHP Mailer Kullanımı : • PHP Mailer Kullanımı
► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : • Vue.js ile Codeigniter...
► Nasıl yapılır köşesi: • Nasıl Yapılır?
► Vue.js Soru Cevap : • Vue.js Soru Cevap
► Kullandığım teknoloji ile ilgili bilgiler : • Kullandığım Web Yazılı...
Sosyal medyadan takip edin :
● VideoSınıf : www.videosinif.com
● Yazılım Eğitim : www.yazilimegitim.net
● Kişisel Web Sayfam : www.gokhankandemir.com
● Facebook : / kablosuzkedi
● Twitter : / kablosuzkedi
● Instagram : / kablosuzkedi
● Instagram : / yazilimegitim
![Darren Waller - Who Knew (Her Perspective) [Official Video]](http://i.ytimg.com/vi/GytDjB8u6bM/mqdefault.jpg)
Teşekkür ederim Hocam çok değerli içerikler üretiyorsunuz
peki bu ses dosyasi olusturulurken yanina bir tanede download buttonu ekleyebilir miyiz acaba
???
Böyle videolar gelmesi gerçekten çok güzel
çok eğlenceli bir dersti. Şarkıya direk girme kısmında koptum. : )
Hocam ben mesala sesi yazıya dökmek istiyorum. Fakat şöyle bir sorun oluyor. Örneğin türkçe konuşuyor konuşuyor fakat araya farklı bir dil girdiği zaman oralarda sapıtıyor. Önce şöyle birşey yapabiliyor muyuz? İlk olarak dili tespit edecek daha sonra yazıya dökecek. Böyle bir şey var mı? google çeviride olduğu gibi
Çok merak ediyorum hocam sizin gibi olmamız için kaç fırın ekmeği yememiz lazım .bu kadar şeyi nasıl kafanızdan yazabiliyorsunuz anlamıyorum vallahi .interval, resolve, reject vs nasıl unutmuyosunuz bunları hocam
Teşekkürler.
Hocam Laravel eğitimi ne zaman gelecek? Ya da gelecek mi?
Valla Laravel ile ilgili bir planim yok be dostum :(
chrome da türkçe eklenti gelmiyor
Vue js ile yapıldığına göre pure js ilede yapılır diye umuyorum?
Tabi ki. Ben ilk JavaScript ile yaptım. Video içinde ise farklılık olsun diye Vue.js kullandım. Video içinde belirtiyorum :)
Hocam benim Google Chrome tarayıcıda window.speechSynthesis.getVoices() sadece 20 dil geliyor ve Türkçe yok sizin ekranda sanırım 68 tane geliyor bu neden olmuş olabilir?
Versiyon farkliliği olabilir. MDN üzerinden baktiniz mi?
evet her tarayıcının farklı dil desteği var hatta bazısında hiç yok. Sizin kullandığınız tarayıcı hangisi hocam? herhalde macOs da deniyorsunuz windows 10 da bir deneyebilirmiyiz?
@@kablosuzkedi MDn üzerinden de baktım orda 1 tane geliyor sadece o da ingilizce, biraz araştırdım ama pek bir şeyde bulamadım eğer siz Mac'de deniyorsanız ondan olabilir, benim makina Windows 10 çünkü.
crome da benim de Mehmet Bey gibi 20 tane geldi ve Türkçe yok.
Edge de ise sadece Türkçe geldi.
name "Microsoft Tolga Mobile - Turkish"
@@MyRUclips4739 aynı sıkıntı bendede var
Türkçe mi? google alt yapısnımı kullanıyorsunuz hocam ?
Hayır. Onu da yapariz ama ileride
Gökhan hoca codeigniter 4 eğitimi gelecek mi?
Gelecek ama zamanı var
Gökhan hocam hep beraber olup şu cart curt açılan komut penceresine dalalım mı? Çok gıcık etti xD
Ben bu yorumunu ilk yazdığında gördüm. Sonra ne demek istediğini anlamaya calistim. Sonra bir kere daha geldim yine baktim yine anlamadim :D Şimdi geldim komut penceresi deyince dedim herhalde Bash Script falan derslerini soruyorsun :D Ama o da degil :D Sen bildigin 5 6 kişi bir araya gelip Terminal'in agzini burnunu kırmaktan bahsediyorsun :D adamsin :D teşekkürler :D :D :D
Ajjahajahaj
Hocam elasticsearch gelecek mi ☺️
elimdeki programi bitirayim de ondan sonrasi Allah kerim :)
@@kablosuzkedi Teşekkür ederim ☺️
Proje patlamış olabilir. window.speechSynthesis.getVoices() 19 tane dil var ve Türkçe yok
Yok canım ne patlaması 😀😀😀😀 Browser ve işletim sistemine göre değişkenlik gösterebilir sanırım. Bir bak yorumlarda vardı diye hatırlıyorum :)
@@kablosuzkedi Bende ki şans seviyesi 😀