shin10kudev / angular-gengo-app

Japanese language learning app built in Angular4 w/angularFirebase2 and Firebase realtime db
2 stars 0 forks source link

Add text to speech functionality #55

Open shin10kudev opened 7 years ago

shin10kudev commented 7 years ago

Documentation:

https://developers.google.com/web/updates/2014/01/Web-apps-that-talk-Introduction-to-the-Speech-Synthesis-API

example:

var msg = new SpeechSynthesisUtterance('日本語')
msg.lang = 'ja-JP''
window.speechSynthesis.speak(msg);
shin10kudev commented 7 years ago

Test codepen:

https://codepen.io/anon/pen/gxoRRm?editors=1010

shin10kudev commented 7 years ago

Support:

http://iwearshorts.com/blog/ios-safari-partial-support-of-web-speech-api/

shin10kudev commented 7 years ago

Useful stack overflow question::

https://stackoverflow.com/questions/28948562/web-speech-api-consistently-get-the-supported-speech-synthesis-voices-on-ios-sa

shin10kudev commented 7 years ago

Bug in safari ios:

possible lead: https://stackoverflow.com/questions/32193704/js-speech-synthesis-issue-on-ios