堰意珂晦5で岳艶姻温岳温庄鉛が爰った
?
1 like?2,509 views
teratail Meetup 鹿まっtailでのLTスライドです。 HTML5のWeb Speech API(Speech Synthesis API)でteratailのQAやタグをブラウザに爰らせてみました。 QAやタグの函誼はteratail APIを聞喘しています。 ☆スライドの嘛デモ喘に燕幣しているURLは筝される辛嬬來があります。また、鬋屮薀Ε兇富ないため屎しく嘛しない栽があります。 teratail API https://teratail.com/api teratail API documentation http://docs.teratailv1.apiary.io/ Web Speech API https://developer.mozilla.org/ja/docs/Web/API/Web_Speech_API
![Speech Synthesis API
var voices = speechSynthesis.getVoices();
var speech = new SpeechSynthesisUtterance();
speech.voice = voices[11]; // Google 晩云Z┃h廠卆贋
speech.volume = 1; // 蕗楚
speech.rate = 1.1; // 壼さ
speech.pitch = 1; // 蕗の互さ
speech.lang = 'ja-JP'; // 冱Z
speech.text = 'ハロ`ワ`ルド'; // 爰る坪否
speechSynthesis.speak(speech);](https://image.slidesharecdn.com/html5teratail-160319093641/85/HTML5-teratail-12-320.jpg)
堰意珂晦5で岳艶姻温岳温庄鉛が爰った
- 4. 書晩おしたいこと teratail API + HTML5
- 5. teratail API
- 6. teratail API ¢ 恍定リリ`スされたAPI ¢ |やタグ、ユ`ザ秤鵑鯣ゝ辰任る ¢ アクセスト`クンk佩で1rgに300リクエスト ¢ これでツ`ルを恬ればエンジニア伏試が辰襭
- 10. 爰るとHしみやすい ¢ Microsoftのcortana ¢ AppleのSiri ¢ 皆看韓岳恢温稼一の永艶沿沿艶姻
- 11. Speech Synthesis API ¢ Web Speech APIの匯つ ¢ 咄蕗JRや、猟忖のiみ貧げを佩ってくれる ¢ gなjavascriptのg廾で旋喘辛嬬
- 12. Speech Synthesis API var voices = speechSynthesis.getVoices(); var speech = new SpeechSynthesisUtterance(); speech.voice = voices[11]; // Google 晩云Z┃h廠卆贋 speech.volume = 1; // 蕗楚 speech.rate = 1.1; // 壼さ speech.pitch = 1; // 蕗の互さ speech.lang = 'ja-JP'; // 冱Z speech.text = 'ハロ`ワ`ルド'; // 爰る坪否 speechSynthesis.speak(speech);
- 13. Speech Synthesis API ¢ Lい猟忖双になると恷瘁までiめない ＄ 屎ｱ蹶Fで猟を函り竃して鬄 ¢ speechSynthesis.getVoices()が函れない ＄ 掲揖豚織織ぅ潺鵐阿鬚困蕕靴討盧旅覆兜指だけ函れない。 ＄ speechSynthesis.onvoiceschangedで鬄
- 14. teratail 〜 Speech API タグと|を爰らせてみた。 http://tech-style.info/lab/web-speech-api/
- 15. 恷瘁に ¢ Web Speech APIで咄蕗秘薦も辛嬬なので |碧を咄蕗秘薦でできたら中易そう ¢ |をいたら咄蕗で卦してくれる、 teratailアシスタントが恬れるかも
- 16. ご賠ありがとうございました
- 17. Credits Special thanks to all the people who made and released these awesome resources for free: ? Presentation template by 際際滷sCarnival ? Photographs by Unsplash