iT邦幫忙

2019 iT 邦幫忙鐵人賽

DAY 9
1
自我挑戰組

從積木開始學程式系列 第 9

[DAY>9<]製作一個學人講話的APP

在以前android手機開始流行時,很流行一款APP叫做
我的湯姆貓
他主要是接收你說的話,然後再把你說的話說出來。

現在,我們也可以用thunkable來做到。
首先我們要先新建立一個專案

並且插入以下物件
分別是
Speech Recognizer以及Text to Speech這兩個元件以及螢幕上的物件Button

  • Speech Recognizer這個元件是用來將使用者聲音錄製,然後辨識使用者說出了什麼並且產生文字
  • Text to Speech則是能夠將文字唸出來的元件
    https://ithelp.ithome.com.tw/upload/images/20181024/20108017TKMz5heKEt.png

再來這裡是螢幕介面
剛剛提到了,在APP介面新增一個button,並且將button顯示名稱改成:點我說話
https://ithelp.ithome.com.tw/upload/images/20181024/20108017KPN6qCMbbV.png

很簡單吧!只要這樣就完成介面的設計

接下來,要寫程式碼
https://ithelp.ithome.com.tw/upload/images/20181024/20108017vQD8BByHrL.png

這邊我們只要寫說
當button按下時,
我們會利用Speech Recognizer來進行聆聽使用者所講的話,
做完之後就利用Text to Speech元件將剛剛的value(也就是使用者所說出的文字)
用說的方式說出來。

這樣就完成我們APP啦~

再來要注意的是
Speech Recognizer & Text to Speech 的元件都要記得把 DefaultLanguage改為
CHINESE_TAIWAN,這樣才不會造成講出來的話辨識錯誤
https://ithelp.ithome.com.tw/upload/images/20181024/20108017j4DOPZcOW6.png
https://ithelp.ithome.com.tw/upload/images/20181024/20108017CPkyG0tL4z.png

本次範例完成檔:
https://x.thunkable.com/copy/13748e16d35fec5c7828bc5239b7c0aa

接下來每次教學的小範例,在最後會整合成一款專案,
大家來想想看,這個功能能運用在什麼地方吧?


上一篇
[DAY>8<]雙人連線終極密碼_6 (程式碼下)
下一篇
[DAY>10<]Drawer Navigator元件教學
系列文
從積木開始學程式30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言