Webduino 學習手冊網站即將改版,提供您更好的閱讀體驗!

搶先試用

隨機組合朗讀語句

或許你曾經看過一些負責導覽機器人,或者你曾經有玩過網路上的「標題產生器」,所講的話或產生的標題,大多都會是一些固定語句的排列組合,透過 Webduino Blockly 的列表與隨機取出內容,就能很簡單的實現類似的功能。

本篇範例會使用:變數文字列表顯示文字語音朗讀,如果尚未熟悉相關用法,請點選參考閱讀。

步驟 1、建立語句列表

第一步先建立語句列表,放入一個變數命名為 arr1,內容放入一個陣列,arr1 是第一段會隨機出現的內容,可依據想要顯示文字數量的多寡,自行調整陣列的缺口多寡。

建立語句列表

因為要組合語句,所以依樣畫葫蘆另外建立 arr2 和 arr3,內容分別是第二段和第三段的文字敘述,建議在每段文字後方加入逗點分隔。

建立不同列表內容

步驟 2、組合語句

放入一個變數 result 裝載結果語句,後方接著「建立字串」的積木,因為有三段文字要組合,所以建立字串需要有三個缺口。

組合語句

在缺口內,放入「自列表取值」的積木,從列表的 3 個內容裡,隨機取出一個內容。

放入「自列表取值」積木

依此類推,把三個陣列的內容,分別隨機放到三個缺口內,就組成了一段隨機組合的語句。

將陣列隨機放到三個缺口內

步驟 3、顯示並朗讀

最後,透過顯示文字將 result 顯示在網頁上同時進行朗讀,因為文字數量比較多,所以將文字尺寸設定為 20。

顯示並朗讀

完成結果

執行程式之後,網頁裡會顯示並朗讀組合後的文字。

範例解答:https://goo.gl/haR1tm

網頁顯示並朗讀組合後的文字